21 世 纪 高 等 学 校规 划 教 材 | 计算 机 应 用 


动态 网 站 设计 与 开发 
实用 教程 


李 宝 敏 主编 
EE 二 床 青 副 主编 


清华 大 学 出 版 社 


21 世纪 高 等 学 校规 划 教材 。 计 算 机 应 用 


动态 网 站 设计 与 开发 实用 教程 


李 宝 敏 主编 
黄玉 蕾 林 青 副 主编 


清华 大 学 出 版 社 
北 京 


内 容 简 介 

全 书 以 ASP JSP 动态 网 站 编程 技术 为 主线 ,由 浅 人 深 、 循 序 渐进 地 介绍 了 HTML ,JavaScript`CSS、 
XML 等 技术 ,主要 包括 Web 开发 技术 概述 .HTML 语言 基本 结构 JavaScript 的 使 用 .CSS 样式 表 、 使 用 
ASP 和 JSP 创建 动态 网 页 ,数据库 的 使 用 ,网 站 开发 方法 、 使 用 模块 化 方法 制作 主页 ,以 及 网 站 的 建设 与 管 
理 、 网 站 应 用 程序 实例 等 内 容 。 

本 书 以 应 用 为 目的 ,以 案例 为 引导 ,结合 知识 点 案例 分 析 , 配 合 大 量 实 训 的 演练 ,加 强 对 学 生 实际 操作 
与 应 用 能 力 的 培养 ,最 终 使 学 生 掌握 构建 动态 网 站 的 知识 。 

这 是 一 本 适应 各 个 专业 的 本 .专科 学 生 需 要 学 习 网 站 设计 、 开 发 和 管理 的 公共 教科 书 , 尤 其 适应 于 那 
些 培养 应 用 型 人 才 的 学 校 ,是 学 生 学 习 网 站 知识 的 实用 教材 。 本 书 也 可 以 作为 自学 成 才 的 读者 或 其 他 相 
关 科 技 人 员 的 参考 书 。 
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划 瞩 况 野 


随 着 我 国 改革 开放 的 进一步 深化 ,高 等 教育 也 得 到 了 快速 发 展 , 各 地 高 校 紧 密 结 合 地 方 
经 济 建设 发 展 需要 ,科学 运用 市 场 调节 机 制 ,加 大 了 使 用 信息 科学 等 现代 科学 技术 提升 \ 改 
造 传统 学 科 专 业 的 投入 力度 ,通过 教育 改革 合理 调整 和 配置 了 教育 资源 ,优化 了 传统 学 科 专 
业 ,积极 为 地 方 经 济 建设 输送 人 才 , 为 我 国 经 济 社会 的 快速 ,健康 和 可 持续 发 展 以 及 高 等 教 
育 自身 的 改革 发 展 做 出 了 巨大 贡献 。 但 是 ,高 等 教育 质量 还 需要 进一步 提高 以 适应 经 济 社 
会 发 展 的 需要 ,不 少 高 校 的 专业 设置 和 结构 不 尽 合理 ,教师 队伍 整体 素质 亟待 提高 ,人 才 培 
养 模式 ,教学 内 容 和 方法 需要 进一步 转变 ,学 生 的 实践 能 力 和 创新 精神 亟待 加 强 。 

教育 部 一 直 十 分 重视 高 等 教育 质量 工作 。2007 年 1 月 ,教育 部 下 发 了 《关于 实施 高 等 
学 校本 科教 学 质量 与 教学 改革 工程 的 意见 ,计划 实施 “高 等 学 校本 科教 学 质量 与 教学 改革 
工程 ”简称 "质量 工程 ") ,通过 专业 结构 调整 .课程 教材 建设 ,实践 教学 改革 ,教学 团队 建设 
等 多 项 内 容 ,进一步 深化 高 等 学 校 教学 改革 ,提高 人 才 培 养 的 能 力 和 水 平 ,更 好 地 满足 经 济 
社会 发 展 对 高 素质 人 才 的 需要 。 在 贯彻 和 落实 教育 部 "质量 工程 "的 过 程 中 ,各 地 高 校 发 挥 
师资 力量 强 ,办 学 经 验 丰富 ,教学 资源 充裕 等 优势 ,对 其 特色 专业 及 特色 课程 ( 群 ) 加 以 规划 、 
整理 和 总 结 ,更 新 教学 内 容 改革 课程 体系 ,建设 了 一 大 批 内 容 新 .体系 新 方法 新 .手段 新 的 
特色 课程 。 在 此 基础 上 ,经 教育 部 相关 教学 指导 委员 会 专家 的 指导 和 建议 ,清华 大 学 出 版 社 
在 多 个 领域 精 选 各 高 校 的 特色 课程 ,分 别 规划 出 版 系列 教材 ,以 配合 “质量 工程 ”的 实施 , 满 
足 各 高 校 教学 质量 和 教学 改革 的 需要 。 

为 了 深入 贯彻 落实 教育 部 (关于 加 强 高 等 学 校本 科教 学 工作 ,提高 教学 质量 的 若干 意 
见 ) 精 神 , 紧 密 配合 教育 部 已 经 启动 的 “高 等 学 校 教学 质量 与 教学 改革 工程 精品 课程 建设 工 
作 ”, 在 有 关 专 家 .教授 的 倡议 和 有 关 部 门 的 大 力 支 持 下 ,我 们 组 织 并 成 立 了 “清华 大 学 出 版 
社 教材 编审 委员 会 "(以 下 简称 “ 编 委 会 ”), 旨 在 配合 教育 部 制定 精品 课程 教材 的 出 版 规划 ， 
讨论 并 实施 精品 课程 教材 的 编写 与 出 版 工作 。“ 编 委 会 "成 员 皆 来 自 全国 各 类 高 等 学 校 教学 
与 科研 第 一 线 的 骨干 教师 ,其 中 许多 教师 为 各 校 相关 院 、 系 主管 教学 的 院 长 或 系 主任 。 

按照 教育 部 的 要 求 ,“ 编 委 会 ”一致 认为 ,精品 课程 的 建设 工作 从 开始 就 要 坚持 高 标准 、 
严 要 求 , 处 于 一 个 比较 高 的 起 点 上 。 精 品 课程 教材 应 该 能 够 反映 各 高 校 教学 改革 与 课程 建 
设 的 需要 ,要 有 特色 风格 有 创新 性 (新 体系 、 新 内 容 、 新 手段 .新 思路 ,教材 的 内 容 体 系 有 较 
高 的 科学 创新 、 技 术 创 新 和 理念 创新 的 含量 )、 先 进 性 (对 原 有 的 学 科 体 系 有 实质 性 的 改革 和 
发 展 ,顺应 并 符合 21 世纪 教学 发 展 的 规律 ,代表 并 引领 课程 发 展 的 趋势 和 方向 ) ,示范 性 ( 教 
材 所 体现 的 课程 体系 具有 较 广 泛 的 辐射 性 和 示范 性 ) 和 一 定 的 前 瞻 性 。 教 材 由 个 人 申报 或 
各 校 推荐 (通过 所 在 高 校 的 “ 编 委 会 "成 员 推 荐 ) ,经 * 编 委 会 ”认真 评审 ,最 后 由 清华 大 学 出 版 
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社 审定 出 版 。 

目前 ,针对 计算 机 类 和 电子 信息 类 相关 专业 成 立 了 两 个 “ 编 委 会 ”, 即 “清华 大 学 出 版 社 
计算 机 教材 编审 委员 会 ”和 "清华 大 学 出 版 社 电子 信息 教材 编审 委员 会 ”。 推 出 的 特色 精品 
教材 包括 : 

(1) 21 世纪 高 等 学 校规 划 教 材 * 计算 机 应 用 一 一 高 等 学 校 各 类 专业 ,特别 是 非 计算 机 
专业 的 计算 机 应 用 类 教材 。 

(2) 21 世纪 高 等 学 校规 划 教 材 * 计算 机 科学 与 技术 一 一 高 等 学 校 计 算 机 相关 专业 的 
教材 。 

(3) 21 世纪 高 等 学 校规 划 教 材 * 电子 信息 一 一 高 等 学 校 电 子 信 息 相关 专业 的 教材 。 

(4) 21 世纪 高 等 学 校规 划 教 材 * 软件 工程 一 一 高 等 学 校 软件 工程 相关 专业 的 教材 。 

(5) 21 世纪 高 等 学 校规 划 教 材 * 信息 管理 与 信息 系统 。 

(6) 21 世纪 高 等 学 校规 划 教材 。 财经 管理 与 应 用 。 

(7) 21 世纪 高 等 学 校规 划 教材 "电子 商务 。 

(8) 21 世纪 高 等 学 校规 划 教材 物 联 网 。 


清华 大 学 出 版 社 经 过 三 十 多 年 的 努力 ,在 教材 尤其 是 计算 机 和 电子 信息 类 专业 教材 出 
版 方面 树立 了 权威 品牌 ,为 我 国 的 高 等 教育 事业 做 出 了 重要 贡献 。 清 华 版 教材 形成 了 技术 
准确 、 内 容 严 谨 的 独特 风格 ,这 种 风格 将 延续 并 反映 在 特色 精品 教材 的 建设 中 。 


清华 大 学 出 版 社 教材 编审 委员 会 
联系 人 : 魏 江 江 


E-mail: weijj(@ tup. tsinghua. edu. cn 


网 站 技术 日 新 月 异 的 发 展 已 成 为 人 们 有 目 共 睹 的 事实 ,而 动态 网 站 以 其 功能 多 样 .维护 
便捷 、 交 互 性 强 等 特点 ,成 为 大 型 网 站 (门户 网 站 ,论坛 .社区 等 ) 建 站 的 首选 技术 。 动 态 网 站 
技术 涉及 网 站 规划 与 管理 ,网 页 设计 与 制作 、 数 据 库 、JavaScript、VBScript、ASP、JSP、PHP 
等 诸多 技术 和 方法 ,必要 的 理论 讲解 和 大 量 的 上 机 实践 是 学 好 “网 站 设计 与 开发 "及 其 相关 
课程 的 关键 。 

编者 针对 具备 “数据 库 技术 及 应 用 ”知识 基础 的 读者 编写 本 书 , 目 标 是 利用 尽量 少 的 课 
时 ,读者 能 够 学 习 建立 动态 网 站 的 相关 知识 并 完成 一 定 程序 的 实践 ,最 终 可 以 独立 完成 网 站 
设计 、 开 发 与 管理 的 相关 任务 。 

本 书 的 编写 是 通过 知识 的 整合 与 内 容 的 筛选 ,从 网 站 设计 与 开发 知识 海洋 中 选 其 精华 
为 我 所 用 。 以 已 开发 的 网 站 项 目 为 基础 ,通过 大 量 实例 的 演练 ,加 强 实 际 操作 与 应 用 能 力 的 
培养 ,最 终 使 得 学 生 掌 握 这 门 知识 。 对 于 更 多 .更 深入 的 网 站 设计 与 开发 的 问题 ,学 生 可 在 
实际 应 用 中 根据 需要 再 进行 知识 的 补充 。 随 着 网 络 应 用 的 普及 ,各 个 专业 都 需要 利用 网 络 
这 个 信息 平台 拓宽 和 开发 本 专业 应 用 ,许多 在 校 的 非 计算 机 专业 的 学 生 经 常 咨询 和 要 求 开 
设 动态 网 站 设计 与 开发 这 门 课 程 ,因此 网 站 (网 页 ) 的 设计 与 开发 已 经 成 为 一 门 计 算 机 普及 
的 技术 ,适应 各 个 专业 的 本 ,专科 学 生 学 习 网 站 设计 、 开 发 和 管理 开设 的 公共 课 。 尤 其 对 培 
养 应 用 型 人 才 的 院 校 ,学 生 无 须 花 费 过 多 的 课时 ,不 需要 过 深 的 知识 铺垫 ,经 过 学 习 就 能 进 
行 网 站 (网 页 ) 设 计 。 

在 本 书 中 共 设 置 了 5 部 分 内 容 , 分 别 对 动态 网 站 的 设计 与 开发 进行 了 介绍 。 第 一 篇 是 
编程 基础 ,有 3 章 的 内 容 。 第 1 章 Web 开发 技术 ,主要 介绍 动态 .静态 网 页 的 基本 概念 ,以 
及 建立 动态 网 站 相关 技术 ,如 ASP、JSP 技术 知识 等 。 第 2 章 介绍 网 站 上 普遍 应 用 的 超 文本 
标记 语言 一 一 HTML, 通过 其 网 页 结构 .语言 内 容 . 设 置 . 实 现 超 链 接 , 最 终 达到 能 够 独自 设 
计 并 实现 网 站 的 注册 页 面 。 第 3 章 详细 介绍 JavaScript 脚本 语言 的 特点 .运行 原理 ,以 及 变 
量 数据 类 型 .表达 式 ,函数 等 。 第 二 篇 是 ASP、JSP 基础 ,有 5 章 的 内 容 。 第 4 章 主要 介绍 
不 需要 实例 化 过 程 就 能 直接 使 用 的 ASP 的 6 个 内 置 对 象 以 及 这 些 对 象 所 提供 的 属性 、 方 法 
和 集合 。 第 5 章 介绍 ASP 常用 的 内 置 组 件 中 的 广告 组 件 、 内 容 组 件 、 计 数 器 组 件 等 使 用 方 
法 。 第 6 章 介 绍 JSP 指令 JSP 脚本 元 素 和 JSP 的 标准 动作 等 JSP 的 语法 规则 ,以 及 用 于 描 
述 JSP 程序 代码 注释 和 JSP 生成 的 页 面 , 即 HTML 和 XML 注释 。 第 7 章 主要 介绍 Servlet 
技术 及 使 用 ,JavaBean 技术 和 使 用 JavaBean 标签 如 何 进行 开发 等 知识 。 第 8 章 讲 述 JSP 的 
5 种 内 置 对 象 ,每 一 种 对 象 所 具有 的 方法 及 相应 的 使 用 说 明 ,使 用 这 些 内 置 对 象 开发 JSP 应 
用 程序 的 基本 要 求 。 第 三 篇 是 数据 库 开 发 ,有 3 章 的 内 容 。 第 9 章 主要 介绍 Access 和 SQL 
Server 数据 库 开 发 应 用 基础 ,以 及 如 何 应 用 到 Web 开发 中 的 相关 知识 。 第 10 章 主 要 对 
SQL Server 数据 库 与 ASP 技术 相 结 合 开发 “网 上 在 线 考试 系统 ”的 案例 做 了 详细 的 介绍 。 
第 11 章 讲述 一 个 利用 JSP 技术 完成 的 具有 一 定 实用 性 的 数据 库 信息 管理 系统 一 一 物资 管 
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理 系 统 的 案例 。 第 四 篇 是 新 技术 与 网 站 管理 ,有 3 章 的 内 容 。 第 12 章 讲述 XML 的 发 展 、 
基本 概念 XML 语法 ,讨论 与 HTML 语言 的 不 同 之 处 ,继而 引出 使 用 层 肥 样式 表 相关 联 的 
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Web 开发 技术 | 


随 着 Internet 的 普及 , 越 来 越 多 的 企业 建立 了 自己 的 Web 网 站 。 目 前 主流 的 Web 开 
发 技术 有 很 多 ,如 ASP、ASP. NET、JSP、PHP 等 ,这 些 开 发 技术 各 有 各 的 特点 。 学 习 这 些 
Web 技术 ,最 基础 的 就 是 学 习 HTML 语言 ,构成 静态 的 文档 ,然后 向 HTML 文档 中 添加 各 
种 动态 效果 语言 ,实现 动态 网 站 的 构建 。 在 本 章 的 学 习 中 ,不 仅 要 搞 清 楚 动态 网 站 的 运行 原 
理 , 还 要 学 会 配置 和 安装 这 些 动 态 环境 。 

学 习 目 标 及 要 求 

(1) 了 解 什么 是 Web 及 Web 的 工作 原理 。 

(2) 了 解 什么 是 动态 网 页 和 静态 网 页 技术 。 

(3) 了 解 主流 的 网 页 开发 技术 ,重点 掌握 ASP 技术 和 JSP 技术 。 

(4) 熟悉 ASP 的 运行 环境 ,重点 掌握 对 IIS 的 配置 与 安装 。 

(5) 熟悉 JSP 的 运行 环境 ,掌握 JDK 和 Tomcat 的 安装 方法 。 

(6) 熟练 使 用 Dreamweaver 软件 开发 动态 网 页 。 

(7) 理解 什么 是 虚拟 目录 。 


人; 什么 是 Web 


1.1.1 Web 的 起 源 


Internet 起 源 于 1969 年 美国 国防 部 高 级 研究 计划 署 开 发 的 ARPANET 网 。1985 年 在 
美国 国家 科学 基金 会 的 推动 下 ,将 军事 用 途 转向 科学 研究 ,最 终 形成 了 今天 网 络 的 难 形 。 从 
1994 年 开始 ,我 国 计 算 机 网 络 中 心 正 式 接 人 Internet, 并 且 得 到 了 迅速 发 展 ,网 民 无 数 。 
网 络 目前 提供 的 服务 有 WWW 、E-mail、FTP、Telnet 等 。 

WWW(world wide web) 又 称 万 维 网 ,1989 年 由 欧洲 物理 研究 室 开发 ,最 初 意愿 是 为 了 
方便 研究 人 员 相 互 传递 资料 。 自 从 WWW 开发 成 功 之 后 ,Internet 迅速 进入 了 千家 万 户 ， 
成 为 人 们 学 习 、 工 作 、 交 流 、 娱 乐 的 一 个 非常 重要 的 手段 。 最 初 的 WWW 网 页 主要 用 来 呈现 
一 些 静 态 信息 ,如 信息 人 介绍、 新闻、 图片 等 ,采用 超 文 本 标记 语言 (hypertext markup 
language, HTML) 来 实现 (HTML 将 在 第 2 章 介 绍 )。 人 们 可 以 通过 各 种 HTML 标记 实现 
文本 .图像 . 超 链 接 .表格 等 内 容 。 

尽管 HTML 非常 简单 实用 ,但 不 方便 更 新 ,比如 ,修改 网 页 内 容 , 只 能 修改 HTML 文 
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件 ,如 果 遇 到 文字 和 内 容 很 多 的 时 候 , 不 仅 不 利于 修改 ,而 且 难 于 维护 。 人 们 就 考虑 ,能 否 有 
一 个 更 好 的 方式 解决 这 样 的 问题 ,于 是 动态 网 络 程 序 设计 语言 就 应 运 而 生 了 。 
1.1.2 Web 的 客户 -服务 器 模型 


WWW 的 工作 原理 就 是 客户 -服务 器 模型 ,如 图 1-1 所 示 。 通 常 将 提供 服务 的 地 方 叫做 
服务 器 端 ,接受 服务 的 地 方 叫 做 客户 端 。 


客户 端 1 


IE 浏 览 器 NAA7 


客户 端 2 Internet 
IE 浏 览 器 _ 


客户 端 n 
IE 浏览 器 


图 1-1 WWW 的 工作 原理 


通过 浏览 器 可 以 访问 新 浪 、 中 华 网 、 淘 宝 网 、 网 易 、 搜 狐 以 及 微软 公司 的 网 站 等 ,这 些 就 
是 Web 应 用 。 对 于 Web 应 用 ,需要 使 用 浏览 器 ,通过 网 络 访问 在 远程 的 服务 器 上 运行 的 
程序 。 

上 网 的 一 般 过 程 如 下 : 打开 浏览 器 ,输入 某 个 网 址 ,经 过 一 段 时 间 的 等 待 , 浏 览 器 显示 


的 内 容 ,等 待 浏览 器 中 内 容 的 再 次 更 新 。 实 际 上 ,这些 都 是 客户 端 和 服务 器 端 进行 交互 
访问 。 
1.1.3 简单 静态 网 页 和 动态 网 页 


静态 网 页 是 指 由 HTML 标记 语言 组 成 的 ,后 级 为 . html 或 . htm。 静 态 网 页 只 能 显示 
内 容 ,不 能 动态 修改 内 容 。 如 果 需 要 修改 ,必须 修改 


.HTML 或 . HTM 源 文件 ,再 重新 上 传 到 服务 器 。 发 送 HTTP 请 求 | 服务 器 
静态 网 页 的 工作 原理 如 图 1-2 所 示 。 hn| 
个 人 用 户 在 计算 机 中 使 用 IE 浏览 器 ,向 服务 器 发 | Email 


送 HTTP 请 求 , 请 求 访问 某 一 页 面 , 然 后 服务 器 接受 
请 求 ,并 找到 静态 页 面 ,发 送 给 个 人 计算 机 。 

动态 网 页 主要 由 程序 设计 语言 组 成 .能 够 动态 地 修改 网 页 内 容 ,比如 留言 板 、 网 络 聊天 
室 、 新 闻 发 布 等 。 这 种 程序 设计 语言 有 Java、C# .VB、C++ 等 。 本 书 主要 介绍 以 ASP 和 JSP 
两 大 技术 为 主 的 动态 网 页 开发 技术 。 

动态 网 页 的 工作 原理 : 用 户 在 浏览 器 的 地 址 栏 中 输入 ASP 文件 ,并 回 车 触发 这 个 ASP 
的 申请 。 浏 览 器 将 这 个 ASP 的 请 求 发 送 给 Web 服务 器 。Web Server 接收 这 些 申请 并 根 
据 . asp 的 后 级 名 判断 确定 是 ASP 请 求 。Web Server 从 硬盘 或 内 存 中 读 取 对 应 的 ASP 文 
件 ,并 将 这 个 文件 发 送 到 ASP. dll 文件 中 处 理 。ASP 文件 将 会 从 头 至 尾 执行 并 根据 命令 要 


图 1-2 静态 网 页 工作 原理 
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求生 成 相应 的 HTML 文件 ,新 编译 HTML 文件 被 送 回 浏览 器 ,用 户 的 浏览 器 解释 这 些 
HTML 文件 并 将 结果 显示 出 来 。 


(2 流行 的 Web 开发 技术 


上 网 的 时 候 , 在 地 址 栏 中 可 以 看 到 文件 的 后 组 名 ,可 根据 后 缀 名 知道 网 站 采用 什么 技 
术 。 比 如 , 当 浏览 清华 大 学 招生 网 站 的 时 候 , 看 到 地 址 栏 中 文件 名 的 后 组 是 . jsp。 如 图 1-3 
所 示 的 界面 是 其 中 的 一 个 页 面 ,地 址 是 http://join-tsinghua. edu. cn/jsp/lqqk/lqcx. jsp, 这 
个 地 址 说 明 网 站 使 用 的 是 JSP 技术 。 


清华 大 学 本 科 招 生 网 - Microsoft Internet Explorer 
文件 人 编辑 他 ) 查看 (WD) 收藏 工具 CT) 帮助 (HB) 

© 上 日 -回国 从 户 搜 索 去 收藏 大 名 会” 各 

地 直 (D) 全 http://join-tsinghua. edu. cn/jsp/1qqk/1qcx. jsp 


【 设 为 页 】 【加 入 中 效 】 


[i 


了 不 加 和 | 天 要 清华 


欢迎 网 上 查询 录取 结果 
于 


0 季 习 和 i9 利 ， 又 到 了 要 了 李 ,为 了 人 拓 滑 当 大 学 的 当 生 尺 居间 录取 结 共计 第 大 
学 办 公章 挫 出 了 同上 查 涯 录取 结果 所 动 。 雪 生 只 要 喇 入 自己 的 雪 生 号 和 志江 澳 台 怕 当 生 清 
入 舌 呈 证 号 和 姓名 ) ， 迪 可 c 查 天 自 己 的 邓 阳 站 困 。 查 i 疲 果 公 供 参考 ,考生 好 乓 的 了 职 
结果 以 从 当 取 于 知己 


CE Na 


注意 : 清 他 旨 村 查 自己 的 二 导 和 泪 各 ,只 有 寺 生 号 和 姓 各 寺 这 全 正 确 ， 才 衣 查 时 果 . 等 下 
多 汉 生 查 ;9 考生 全 请 村 写 身份 证 号 


图 1-3 JSP 的 页 面 


京东 网 站 是 一 个 大 型 的 电子 商务 网 站 ,网 页 的 后 缀 名 是 .aspx。 如 图 1-4 所 示 的 界面 是 
京东 网 站 的 订单 页 面 , 地 址 是 http://jd2008. 360buy. com/JdHome/OrderList. aspx, 这 说 
明 网 站 使 用 的 是 ASP. NET 技术 。 


1.2.1 ASP 技术 


ASP(active server pages ,活动 服务 器 网 页 ) 是 服务 器 端 脚本 编写 环境 ,可 以 创建 和 运行 
动态 .交互 .高效 的 Web 服务 器 应 用 程序 。 使 用 ASP 可 以 组 合 HTML 标记 、 脚 本 命令 和 
ActiveX 组 件 , 以 创建 交互 的 Web 页 和 基于 Web 的 功能 强大 的 应 用 程序 。 

ASP 文件 是 以 .asp 为 扩展 名 的 文本 文件 。 

在 ASP 文 件 中 通常 包含 文本 .HTML 标记 和 脚本 命令 ,这 三 部 分 内 容 以 各 种 组 合 混杂 
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京东 商城 -~ Microsoft Internet Explorer 
Qi -昌国 国 侣 亿 搜 索 言 收藏 大 台 人 ~ 吾 可 -已 嗓 驳 


本 让 加 | 加 http://jd2008. 360buy. com/JdHome/DrderList, aspz 一 区 和 关键 启 摧 狗 国 回 匠 到 放生 了 
让 2 哩 由 be 也 的 9 下 闫 和 大 而 扰 忌 天 | 


交 东 看 厦 
3 同和 首页 。 品牌 销 。 团购 。 寺 农 岛 。 在 竹 读 世 。 训 示 社区 。 全 部 分 类 
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Bj 
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.- 
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图 1-4 ASP.NET 的 页 面 


在 ASP 文件 中 ,需要 使 用 不 同 的 符号 进行 区 分 。 

注意 : 

(1) 在 ASP 程序 中 ,字母 不 区 分 大 小 写 。 

(2) 在 ASP 中 ,凡是 在 语法 中 用 到 标点 符号 的 ,都 是 在 英文 状态 下 输入 的 标点 符号 , 否 
则 将 出 错 。 只 有 一 种 情况 除外 ,就 是 在 字符 串 中 使 用 的 标点 符号 。 

(3) 一 条 ASP 语句 就 是 一 行 。 

(4) 要 养 成 良好 的 书写 习惯 ,比如 恰当 的 缩 进 。 

(5) 在 ASP 程序 中 可 以 包含 HTML 语言 ,两 者 相互 配合 使 用 。 


1.2.2 JSP 技术 


JSP(Java server pages) 是 Sun 公司 于 1999 年 推出 的 网 站 开发 技术 ,有 多 个 公司 参与 和 
支持 ,包括 TBM、Oracle、BEA 等 公司 ,还 有 一 些 社团 ,包括 著名 的 Apache 组 织 。JSP 主要 
采用 Java 技术 完成 。JSP 在 HTML 文件 中 加 入 Java 程序 片段 和 JSP 标记 ,构成 了 JSP 网 
页 。 在 技术 方面 ,JSP 与 ASP 非常 相似 。 

JSP 最 大 的 优点 是 开放 的 、 跨 平台 结构 ,可 以 运行 在 几乎 所 有 的 服务 器 系统 上 ,包括 
UNIX 、 Linux、Windows 等 。 

JSP 使 用 的 是 Java 语言 , 它 继承 了 Java 语言 的 特点 一 一 “一 次 编写 ,处 处 运行 ”, 这 种 概 
念 正 越 来 越 深 远 地 影 响 着 因特网 行业 的 交互 式 Web 页 面 的 设计 理念 。JSP 页 面 可 以 非常 
容易 地 跨 平台 、 跨 Web 服务 器 软件 来 设计 和 开发 源 代码 。 

JSP 组 件 ( 企 业 JavaBeans、JavaBeans 或 定制 的 JSP 标签 ) 都 是 跨 平台 可 重用 的 。 企 业 
JavaBeans 组 件 可 以 访问 传统 的 数据 库 , 并 能 以 分 布 式 系统 模式 工作 于 Solaris、 Linux、 
UNIX 和 Windows 平台 。 

目前 ,JSP 技术 支持 的 网 页 格式 还 没有 一 个 明确 的 标准 。 一 般 来 说 ,JSP 技术 既 可 以 支 
持 HTML/DHTML 的 传统 浏览 器 文件 格式 ,又 可 以 支持 应 用 于 无 线 通信 设备 如 移动 电话 、 
PDA 等 设备 进行 网 页 预览 的 WML 文件 格式 ,还 可 以 支持 其 他 一 些 B2B 电子 商务 网 站 应 用 
的 XML 格式 。 
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尽管 ASP 和 JSP 都 使 用 标签 与 脚本 技术 来 制作 动态 Web 网 页 ,但 JSP 技术 允许 开发 
者 扩展 JSP 标签 .定制 JSP 标签 库 , 所 以 网 页 制作 者 充分 利用 与 XML 兼容 的 标签 技术 强大 
的 功能 ,大 大 减少 对 脚本 语言 的 依赖 。 

总 的 来 说 ,JSP 和 ASP 在 技术 方面 有 许多 相似 的 地 方 。 它 们 都 是 基于 Web 的 应 用 程 
序 开发 方案 ,它们 都 是 在 Web 服务 器 端 执 行 的 程序 。ASP 在 网 页 制作 中 占据 了 一 定 的 地 
位 ,但 是 其 本 身 还 有 很 多 的 缺点 。JSP 出 现在 ASP 之 后 ,兼顾 了 ASP 的 很 多 优点 ,同时 也 
克服 了 ASP 的 一 些 缺 点 ,是 一 种 比较 成 熟 的 网 页 开发 程序 语言 。 


1.2.3 ASP.NET 技术 


ASP. NET 是 创建 动态 网 页 的 一 种 强大 的 服务 器 端 新 技术 。 它 可 为 WWW 站 点 或 为 
企业 内 部 互联 网 创建 动态 的 可 进行 交互 的 HTML 页 面 。 它 采用 面向 对 象 的 方法 来 构建 动 
态 Web 应 用 程序 。ASP. NET 可 以 用 来 建设 门户 网 站 ,实现 复杂 的 基于 Web 的 系统 .电子 
邮件 发 送 系统 等 。 可 在 Internet 或 Intranet 上 部 署 ASP.NET Web 应 用 程序 。 


1.2.4 脚本 语言 JavaScript 和 VBScript 


Netscape 公司 为 了 进一步 扩充 它 的 浏览 器 的 功能 ,开发 了 一 种 可 以 嵌入 在 Web 主页 中 
的 编程 语言 。 在 早期 这 种 语言 叫做 LiveScript ,后 来 为 了 利用 Sun 公司 开发 的 Java 语言 的 
功能 并 借用 它 的 流行 性 ,把 它 改名 为 JavaScript。 

为 了 运用 JavaScript 控制 HTML 页 面 上 的 对 象 ,JavaScript 的 代码 必须 与 HTML 代 
码 结合 在 一 起 。 将 JavaScript 嵌入 HTML 页 面 时 ,必须 使 用 <SCRIPT > 标签 ， 

VBScript 是 Visual Basic Script 的 简称 , 即 Visual Basic 描述 语言 ,有 时 也 被 缩写 ; 
VBS。VBScript 是 微软 开发 的 一 种 脚本 语言 ,广泛 应 用 于 网 页 和 ASP 程序 制作 中 ,同时 还 
可 以 直接 作为 一 个 可 执行 程序 ,用 于 调试 简单 的 VB 语句 也 非常 方便 。 

VBS 是 微软 的 Active Server Pages 的 一 部 分 , 它 与 Java Server Pages 和 PHP 是 竞争 
对 手 。 在 这 里 ,VBS 的 程序 码 直接 嵌入 到 HTML 页 内 ,这 样 的 网 页 以 ASP 结尾 。Internet 
网 页 服务 器 (IIS) 执 行 ASP 程序 ,并 将 其 结果 转化 为 HTML 传递 给 网 页 浏览 器 ,以 供用 户 
使 用 。 

VBScript 的 主要 优点 是 : VBScript 的 操作 系统 不 是 由 网 页 浏览 器 解释 , 它 的 文件 比较 
小 .易学 ,在 所 有 2000/98 SE 以 后 的 Windows 版 本 都 可 直接 使 用 。 

VBScript 的 缺点 是 : 现在 VBS 无 法 作为 电子 邮件 的 附件 了 。 由 于 Microsoft Outlook 
拒绝 接受 VBS 为 附件 ,所 以 收 信人 无 法 直接 使 用 VBS 附件 。 


1.2.5 PHP 技术 


PHP 是 Rasmus Lerdorf 在 1994 年 提出 来 的 .用 PERL 语言 编写 的 程序 ,主要 用 来 和 
访问 其 他 主页 的 人 保持 联系 。 

PHP 将 脚本 嵌入 到 HTML 文档 中 ,采用 了 C、Java、PERL 语言 的 语法 ,加 入 了 自己 的 
特征 ,在 服务 器 端 运行 。 
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PHP 是 免费 的 开放 源 代码 软件 ,可 以 进行 免费 复制 编译 ,但 PHP 安装 运行 环境 复杂 ， 
不 利于 学 习 。 


(3 ASP 的 运行 环境 


服务 器 端 需要 安装 如 下 软件 : 

(1) Windows 98 或 Windows 2000 Professional 或 Windows 2000 Server 或 Windows 
2000 Advance Server 或 Windows XP Professional 或 更 高 版 本 ,其 中 ,Windows 2000 系列 
需要 安装 Service Pack 2. 0。 

(2) IIS 5. 0(Internet 信息 服务 管理 器 5.0) 或 更 高 版 本 。 

客户 端 只 要 是 普通 的 浏览 器 即 可 ,如 Internet Explorer 5.0 或 更 高 版 本 。 

注意 : 对 于 初学 者 而 言 , 只 须 将 自己 的 计算 机 同时 作为 客户 端 和 服务 器 端 , 无 须 搭 建 相 
应 的 网 络 环境 。 


1.3.1 安装 IIS 


安装 方法 ， 

依次 选择 “开始 ”一 "设置 ”控制 面板 ”添加 /删除 程序 "命令 ,在 “添加 或 删除 程序 ” 
对 话 框 中 选择 “添加 /删除 Windows 组 件 ?按钮 ,就 会 弹出 “Windows 组 件 向 导 ” 对 话 框 ,如 
图 1-5 所 示 。 在 其 中 选择 “Internet 信息 服务 (IIS)”, 然 后 单 击 * 下 一 步 ” 按 钮 ,随后 根据 提示 
一 步 步 安 装 即 可 ,如 图 1-6 所 示 。 


EETLELIIS 


当前 安装 的 程序 : 厂 ” 显 示 更 新 0) 
| 园 Adobe Flash Player 10 Activex 
Tindors 钥 件 向 导 


Tindors 扯 件 
可 以 添加 或 删除 Windows XP 的 组 件 。 


Sr ee 


组 件 CC): 
铺 Internet Explorer 


口 RNSY Explorer 0.0 有 
回 地 ouaook Express "om | 


描述 ; 和 Et 1 事务 处 理 、Active 


所 需 磁 盘 空 间 : T0.2 上 
可 用 而 委 裤 间 : 2261 5 本 和 


— my | 


图 1-5 JS 的 安装 Windows 组 件 向 导 
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ee 


正在 配置 组 件 
安装 程序 正在 根据 您 的 请 求 ， 进 行 配置 更 改 。 


了 画 请 稍 候 ， 安 装 程序 正在 配置 组 件 。 所 花 时 间 取 决 于 选 定 的 组 件 。 


状态 。 正在 复制 文件 . 
nl 
ed) sea 
图 1-6 IIS 的 安装 


安装 完毕 后 ,选择 “开始 ">" 设置 "一 “控制 面板 ”>“ 管 理工 具 ” 一 “Internet 信息 服务 ”， 
打开 “Internet 信息 服务 "窗口 ,进行 预览 ,IIS 服务 安装 完毕 ,如 图 1-7 所 示 。 


文件 到 ) 编辑 人 E) 查看 0) 收 豪 W) 工具 GD) 帮助 人 


地 址 如 | 篇 管理 工具 SE 


友 重 命名 这 个 文件 


廊 闪 动 这 人 文件 有 多。 计划 4 和 
丫 复 币 六 个 文件 2 加 | 208 
@ TH 
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最 我 的 电脑 
蝎 网 上 久居 图 
搭理 IIS，Internet 和 Intranet 站 点 的 WEB 服务 器 。 [E71 | 
图 1-7 管理 工具 


1.3.2 IIS 默认 网 站 


安装 完毕 后 ,在 IE 浏览 器 中 输入 “http://localhost” ,如 果 能 显示 IIS 欢迎 字样 ,就 表示 
IIS 安装 成 功 。 依 次 选择 “开始 ”一 "设置 ?一 “控制 面板 ”一 “管理 工具 ”一 ”Internet 信息 服 
务 ” 命 令 ,就 会 出 现 “Internet 信息 服务 ”的 窗口 ,如 图 1-8 所 示 。IIS 安装 完毕 后 ,会 自动 生成 
C:\inetPub\wwwroot, 以 后 制作 的 网 页 文件 存放 在 该 文件 夹 下 ,就 可 以 访问 了 。 
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SN 


=/9lxl 


文件 中 搞 作 避 查看 帮助 0 
Ce an 


3 Es ES 
量 轧 zoli031s- 2051 a IISHelp ci\windows\help\iishelp 
各 网 站 国 s=ripts C-\Inetpub\Seripts 


国 iisstat em 
轿 lecalstart. asp 


加 me Bif 


a| 


I 
图 1-8 ”默认 网 站 的 文件 显示 
1.3.3 IIS 的 启动 和 停止 


启动 IIS 时 ,直接 进入 “Internet 信息 服务 ”, 右 击 个 人 的 首页 文件 ,例如 ,index. asp 文 
件 , 从 弹出 的 快捷 菜单 中 选择 "浏览 ”命令 ,就 可 以 运行 ASP 程序 了 ,如 图 1-9 所 示 。 


文件 四。 操作 全 ) 查看 WJ。 帮助 
所 守 | 回 | 因 |X 喀 四 切 | 巷 困 | 明 | 让 几 


Internet 信息 服务 
[3 1 2051 (本 地 计算 机 ) ec-\windows\help\iishelp 
日 生 网 Ci\Inetpub\Scripts 
白 四 默认 网 站 
各 IIshelp 
由 国 Seripts 
4 [| 
出 虹 项 目 I I 


图 1-9 浏览 的 操作 方法 


打开 “Internet 信息 服务 "窗口 .在 窗口 左 侧 的 树 型 窗 格 中 的 本 地 计算 机 图 标 上 右 击 ,从 
弹出 的 快捷 菜单 中 选择 “所 有 任务 ”>“ 重 新 启动 IIS” 命 令 。 
停止 时 ,需要 关闭 IIS 服务 。 


国 多 加 
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1.3.4 IIS 属性 的 设置 


在 网 站 使 用 中 ,需要 对 IIS 的 常用 属性 进行 设置 分 配 。 比 如 网 站 的 IP 地 址 分 配 、TCP 
端口 等 。 一 般 情 况 下 ,网 站 端口 很 容易 和 一 些 杀毒 软件 的 端口 产生 冲突 ,所 以 需要 修改 此 处 
的 端口 数字 ,更改 成 其 他 数字 即 可 ,如 图 1-10 所 示 。 


图 1-10 设置 网 站 标识 


在 IIS 属性 中 ,有 时 需要 设置 主 目录 信息 。 当 网 站 程序 不 可 显示 时 ,有 一 种 情况 可 能 是 
目录 路 径 地 址 错误 ,需要 重新 定位 地 址 。 方 法 是 选择 本 地 路 径 , 单 击 “ 浏 览 ” 按 钮 ,找到 自己 
的 源 文件 路 径 地 址 ,然后 单 击 “确定 ”按钮 ,如 图 1-11 所 示 。 


图 1-11 设置 网 站 主 目录 
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在 文档 属性 中 列举 了 当前 网 站 的 ASP 页 面 名 ,也 可 自己 添加 ,主要 作用 是 决定 网 站 的 
浏览 页 的 先后 顺序 ,如 图 1-12 所 示 。 


EE 
网 站 “| TSAET 和 和 器 | 主 目录 文档 ”| 目录 安全 性 | JITE 头 | 自 定义 畦 误 | 
站 了 BUTE 

RE 重 加 中. 
ndex. hin 
iisstart. asp 型 除 曾 


取消 Ei 才 助 
图 1-12 设置 网 站 文档 


1.3.5 IIS 虚拟 目录 的 创建 


虚拟 目录 是 指 物理 上 没有 包含 网 站 文件 ,但 IIS 中 却 将 该 网 站 文件 设置 成 主 目录 下 的 
文件 。 特 点 是 网 站 文件 虽然 在 D、E、F 等 盘 符 下 ,但 浏览 器 在 浏览 时 ,并 不 是 直接 访问 这 些 
盘 符 ,而 是 访问 IIS 的 主 目录 。 访问 时 ,只 须 输入 localhost 十 文件 名 ,这 样 大 大 减 小 了 文件 
地 址 的 长 度 , 使 得 访问 更 加 简单 方便 。 比 如 http://localhost\onlineexam\index. asp。 

下 面 给 出 了 使 用 IIS 管理 器 创建 虚拟 目录 的 方法 ,如 图 1-13 所 示 。 


文件 。 换 作 以 ) 查看 WD) 帮助 0D 
所 省 | 白 困 | 加 日 切 | 国 困 | 旦 | Pn 


ernet 信息 服务 
所 - 电 20110315-2051 (本 地 计算 机 ) 
日 自 网 站 


i 


FE 寺 - 
由 去 < 


户 建 eb 虚拟 目录 [ 
图 1-13 虚拟 目录 的 创建 


虚拟 目录 的 创建 向 导 如 图 1-14 所 示 。 设 置 虚拟 目录 的 别名 如 图 1-15 所 示 。 设 置 网 站 
对 应 的 物理 地 址 如 图 1-16 所 示 。 设 置 虚拟 目录 的 访问 权限 如 图 1-17 所 示 。 提 示 虚 拟 目录 
安装 完成 如 图 1-18 所 示 。 
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加 
欢迎 使 用 虚拟 目录 创建 向 导 


此 向 导 格 帮助 您 在 网 站 上 新 建 一 个 虚拟 目录 


单 击 “ 下 一 步 ”按钮 继续 。 
sos ww | 
图 1-14 虚拟 目录 创建 向 导 


虚拟 目录 别名 
必须 为 虚拟 目录 提供 一 个 简短 的 名 称 或 别名 ， 以 便于 快速 引用 。 


抽 从 是 要 hb 昌 录 访问 PR 的 别 名 。 使 用 的 命名 规 


命名 规则 相同 ， 
别名 
— mw | 
图 1-15 虚拟 目录 别名 
Fn TE 


文件 EE) 操作 () 查看 0) 帮助 Q0) 
中 小 | 生 | 国 | 寄 肿 忆 | 久 田 | 旦 | > 


Tr ED Er 
易 2 网 站 内 容 有 录 
局 着 要 发 到 网 站 上 的 内 容 的 位 置 
3 输入 内 容 所 在 的 目录 路 征 。 
图 目录 四 ) 
[ER i .| 
了 村 
虚拟 目录 创 哇 向 导 
加 < 后 用 0:) 可 
日 sy 编写 教材 EE:) 
[= 
| 下 | 
J 
局 Insess 
型 dl 回 VserFolder 司 
下 DR 可 
rade htt Wx | [| me ] ma | 
mes 1a 安装 | 


图 1-16 网 站 对 应 的 物理 地 址 
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问 权限 
设置 虚拟 目录 的 访问 权限 。 
允许 下 列 权限 


因 . 


民 读 职 开 ) 

运行 脚本 @ ASP (8) 

厂 执行 徊 ISAPI 应 用 程序 或 CGI) 人 E) 
厂 写 入 中 

厂 刘 览 四 

单 击 “ 下 一 步 ”按钮 完成 向 导 . 


《 上 一 步 @) | 下 一 步 中 > 取消 


图 1-17 访问 权限 


可 
时 成 区 守成 度 拱 目录 创建 向 


单 击 “ 完 成 ”按钮 继续 


项 目 案例 1: IIS 环境 的 配置 方法 。 
具体 操作 步 又 : 


(1) 首先 在 E:\ 下 创建 一 个 文件 夹 , 名 字 叫 Web。 然 后 在 该 文件 夹 下 创建 两 个 文件 夹 ， 


-个 叫 images , 另 一 个 叫 css。Web 文件 夹 下 存放 asp 文件 。 


(2) 依次 选择 “开始 ”一 “控制 面板 ”一 “管理 工具 ”一 “Internet 信息 服务 ”命令 ,打开 
“Internet 信息 服务 ”对 话 框 。 右 击 其 中 的 “默认 网 站 ”, 从 弹出 的 快捷 菜单 中 选择 “新 建 ” 一 


“虚拟 目录 ” 
最 后 单 击 “ 完 成 "按钮 即 可 。 


,然后 按 提示 操作 ,添加 别名 “my Web” ,并 为 其 选择 对 应 的 文件 夹 E:\ Web”， 


(3) 右 击 新 添加 的 虚拟 目录 “my Web”, 从 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ,就 会 出 
现 “ 属 性 ”对 话 框 。 在 其 中 添加 index. asp、default. asp 等 默认 文档 并 调整 顺序 后 , 单 击 “ 确 


定 ” 按 钮 即 可 。 


(4) 现在 就 可 以 在 Web 文件 夹 下 建立 ASP 文 件 了 ,如 建立 一 个 计算 两 个 数 的 和 的 文 


件 , 保 存在 Web 文件 夹 下 ,名称 为 index. asp。 
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(人 .4 JSP 的 运行 环境 
A 


运行 JSP 需要 安装 JDK 和 一 个 JSP 服务 器 ,目前 比较 流行 的 JSP 服务 器 是 Tomcat、 
Weblogic、WebSphere 和 Resin。JSP 运行 对 CPU 和 内 存 要 求 比较 高 ,尤其 是 开发 的 过 程 。 
目前 常规 的 CPU 已 经 完全 可 以 满足 需求 ,P4 以 上 的 CPU 就 可 以 完全 胜任 开发 和 运行 工作 
了 。 对 内 存 的 要 求 建议 使 用 1GB 以 上 的 内 存 , 尤 其 是 开发 数据 库 的 项 目 需要 大 内 存 , 不 然 
调试 程序 时 的 效率 会 很 低 。 

操作 系统 环境 可 以 选择 Windows 操作 系统 ,也 可 以 采用 UNIX 家 族 的 桌面 系统 。 推 荐 
使 用 Windows XP/ 2003 Server 操作 系统 。 尽 量 和 以 后 系统 发 布 的 环境 一 致 ,这 样 就 可 以 
尽量 避免 出 错 的 可 能 性 。 其 实 Linux 和 FreeBSD 下 的 KDE 环境 对 Eclipse 支持 得 也 很 好 ， 
比如 在 FreeBSD6.1 十 KDE3. 5 十 Eclipse3. 2 平台 下 开发 。 


1.4.1 下 载 与 安装 JDK 


JSP 运行 环境 需要 JDK 的 支持 ,要 安装 两 个 软件 : j2sdk 和 Tomcat。 安 装 了 JDK 以 
后 ,就 建立 好 了 J2SE 的 运行 环境 ,这 里 安装 JDK5 ,也 叫 JDK1.5。JDK 的 显示 界面 如 图 1-19 
所 示 。 


fersion 5.0 


JAVA"2 Platform 
Standard Edition 


图 1-19 JDK 的 显示 界面 


1.4.2 下 载 与 安装 Tomcat 


在 默认 的 情况 下 ,Tomcat 安装 在 系统 盘 的 Program Files 目录 下 ,比如 “Program Files\ 
Apache Software Foundation\Tomcat 5. 5”, 安 装 完毕 的 目录 结构 如 图 1-20 所 示 。 


1.4.3 运行 JSP 程序 


第 一 个 程序 依然 是 最 经 典 的 “Hello World!1” 程 序 , 在 记事 本 中 输入 例 1-1 中 的 代码 ,如 
下 所 示 。JSP 区 分 大 小 写 ,每 条 语句 后 面 有 分 号 ,将 该 程序 放 到 D:/java/ROOT 目录 下 , 然 
后 输入 “http://locahost:8090/2-01.jsp” 地 址 ,显示 的 界面 如 图 1-21 所 示 。 
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[TY =| 吕 jx| 


Choose Components 
Choose which features of apache Tomcat you want to install. 


Check the components you want to instal and uncheck the components you don't want to 
install, Click Next to continue, 


| 


On select the Rs Tomcat Hover your mouse over 
components Yj Start Menu Items acomponentto seelts 
| Documentation gescptiom 
Examples 
Webapps 


Space required: 11,3MB 


Nullsoft Install System vy2:0 


ml cancel | 


图 1-20 Tomcat 的 安装 


http fflocalhost:8090/2-01. jsp — Microsoft Tnternet Exzplorer 


=olxl 
文件 四 编辑 到 ) 查看 收藏 W) 工具 加 天助 吧 | 韦 


回族 -加 - 问 国耻 | 万 失 祈 收 天 马 | 中- 吕 由- 口 日 让 目 轿 
地 址 上 @) | 怨 ] http: 77localhest:809012-01. jsp =] 园 乔 | 链接 


Hello World! 


EE 厂矿 同和 et 


图 1-21 JSP 的 输出 程序 


【 例 1-1】 第 一 个 JSP 程序 "Hello World!”。 


<% 
out. print("Hello World! "); 
%> 


(5 ASP 开发 工具 


开发 ASP 的 工具 很 多 .比较 专业 一 点 的 开发 工具 有 Visual InterDev、 FrontPage、 
Dreamweaver ,Edit Plus 等 。 如 果 要 开发 大 型 的 网 站 ,应 该 使 用 Visual InterDev 开发 工具 
包 。 如 果 只 是 编辑 简单 的 网 页 .使 用 FrontPage、Dreamweaver 即 可 。 

Dreamweaver 是 建立 Web 站 点 和 应 用 程序 的 专业 工具 。 它 将 可 视 布 局 工具 、 应 用 程序 
开发 功能 和 代码 编辑 组 合 为 一 个 功能 强大 的 工具 .使 每 个 级 别 的 开发 人 员 和 设计 人 员 都 可 
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利用 它 快速 创建 界面 。 它 是 在 一 个 集成 和 高 效 的 环境 中 为 专业 人 员 提 供 的 工具 。 开 发 人 员 
可 以 将 其 选择 的 服务 器 技术 与 Dreamweaver 配合 使 用 ,建立 将 用 户 连 接 到 数据 库 、.Web 服 
务 和 旧式 系统 的 强大 Internet 应 用 程序 。 


人 6 本 章 小 结 


本 章 主要 介绍 Web 的 发 展 过 程 ,介绍 了 主流 的 Web 开发 技术 。 要 求 大 家 重点 学 习 
ASP 的 IIS 安装 ,以 及 JSP 的 Tomcat 安装 方法 。 

选择 哪 一 种 Web 应 用 程序 技术 取决 于 多 个 因素 ,其 中 包括 对 各 种 脚本 语言 的 熟悉 程度 
以 及 要 使 用 的 应 用 程序 服务 器 。 

。 如 果 采 用 ColdFusion MX 服务 器 , 则 可 以 选择 ColdFusion 。 

。 如 果 采 用 IIS 服务 器 , 则 可 以 选择 ASP 或 ASP.NET。 

。 如 果 采 用 PHP 服务 器 , 则 可 以 选择 PHP。 

。 如 果 采 用 JSP 服务 器 , 则 可 以 选择 JSP。 

在 IIS 配置 中 ,一 般 按照 以 下 步骤 进行 操作 。 

(1) 添加 IIS 组件。 

(2) 打开 IIS 窗口 ,进入 配置 界面 。 

(3) 找到 “Web 站 点 "选项 , 右 击 鼠标 进入 属性 。 

(4) 在 属性 中 选择 网 站 标签 , 绑 定 IP 地 址 。 

(5) 在 属性 中 选择 主 目录 标签 ,确定 文件 的 主 目录 。 

(6) 在 属性 中 选择 文档 标签 ,确定 网 站 的 首页 文件 。 


1.7 思考 与 练习 


. 什么 是 Web 编程 ? Web 编程 有 什么 特点 ? 
. 静态 网 页 和 动态 网 页 有 什么 区 别 ? 

.ASP 程序 包括 哪些 内 容 ? 

.如 何 配置 IIS ,发 布 网 站 ? 

.如 何 配置 JDK? 如 何 安装 Tomcat? 


an 性 
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HTML 是 一 种 用 来 制作 超 文本 文档 的 简单 标记 语言 。 超 文本 传输 协议 规定 了 浏览 器 
在 运行 HTML 文档 时 所 遵循 的 规则 和 进行 的 操作 。 用 HTML 编写 的 超 文本 文档 称 为 
HTML 文档 , 它 能 独立 于 各 种 操作 系统 平台 。 使 用 HTML 语言 描述 的 文件 需要 通过 Web 
浏览 器 显示 出 效果 。 本 章 主要 介绍 HTML 页 面 结构 ,包括 HTML 标记 的 内 容 、 设 置 文档 、 
实现 超 链接 等 内 容 。 

学 习 目 标 及 要 求 

(1) 熟悉 HTML 文档 的 基本 结构 和 语言 。 

(2) 熟练 掌握 文本 和 列表 格式 的 使 用 方法 ,能 够 插入 图 像 、 表 格 ,创建 链接 。 

(3) 能 够 熟练 设计 HTML 表单 。 

(4) 能 够 独自 设计 并 实现 网 站 的 注册 页 面 。 


@.1 HTML 简介 


HTML 即 超 文本 标记 语言 ,是 使 用 特殊 标记 来 描述 网 页 文档 结构 和 表现 形式 的 一 种 
语言 


mh 


HTML 最 早 是 由 Tim Berners-Lee 在 1990 年 设计 ,之 后 开始 迅速 流传 。1997 年 ,万 维 
网 联盟 (World Wide Web Consortium) 制 定 了 新 的 HTML 3. 2 标准 ,使 得 HTML 文档 在 
不 同 的 浏览 器 和 操作 平台 上 能 正确 地 显示 。 目 前 ,HTML 已 经 升级 到 4.0 版 本 。 
HTML 从 严格 意义 上 讲 并 不 是 一 种 程序 设计 语言 , 它 是 由 标记 和 属性 组 成 的 规则 ,而 
且 HTML 是 纯 文本 的 文件 格式 ,可 以 用 任何 文本 编辑 器 (例如 记事 本 、EmEditor、EditPlus 
等 ) 或 Web 开发 工具 (例如 FrontPage、Dreamweaver 等 ) 进 行 编辑 。 文 件 中 的 文字 字体 颜 
色 .字体 大 小 、 段 落 布 局 .图 片 大 小 .表格 样式 及 超级 链接 ,都 可 以 用 不 同意 义 的 标记 (Tags) 
来 描述 。 
注意 : 标记 名 称 不 区 分 大 小 写 。 


@.3 HTML 页 面 结 构 标 记 码 


在 HTML 中 ,所 有 的 标记 都 必须 用 尖 括 号 ( 即 小 于 号 < 和 大 于 号 > ) 括 起 来 。HTML 文 
件 在 编写 完毕 后 保存 成 扩展 名 为 . htm 或 . html 的 文件 。 本 教材 中 ,主要 以 Dreamweaver 为 
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主要 编辑 软件 进行 讲解 。 

在 动手 设计 网 页 前 ,就 好 比 盖 大 楼 一 样 ,必须 把 框架 搭建 起 来 ,然后 在 里 面 添 砖 加 瓦 。 
HTML 就 是 一 份 整个 网 页 的 框架 结构 ,只 有 搭建 好 了 ,才能 进行 设计 工作 。 

【 例 2-1】 编写 一 个 简单 的 "HELLO WORLD1” 的 HTML 文件 。 


—~ < HIML> 
< HEAD> 
< TITLE> MY FIRST WEB! </TITLE> 
—~ </HEAD> 
< BODY > 
HELLO WORLD! 
-一 </BODY> 
-一 一 </HTML> 


从 程序 清单 中 可 以 看 出 ,HTML 文档 标记 < HTML > 和 </HTML >、 头 标记 < HEAD > 和 
</HEAD>, 标 题 标记 < TITLE > 和 </TITLE > 文件 体 标记 < BODY > 和 </BODY > 都 是 成 对 出 
现 的 ,也 就 是 我 们 通常 说 的 双 标记 。 但 在 HTML 中 也 有 些 标记 是 单 标记 ,如 换行 标记 < BR >、 
水 平 线 标 记 < HR > 等 。 图 2-1 就 是 “HELLO WORLDI!" 文 档 显示 效果 。 

ET FIRST YZB! - MicrosoEt IECREG ESRLSEE =|DIxl 

文件 @) ”编辑 @) 查看 WD 收藏 中 工具 0) 帮助 | 圳 
个 银 -上 加- 癌 国 动 | 万 抽 去 类 夹 名 | 下- 吕 >” 
地 址 上 @) | 名]E\ 编 书 AsPJSP\2-1\2.1 helloworld htnl 局] 图 畦 到 | 钴 按 


HELLO WORLD! 


加 BE 三 三 厂矿 避 豫 电 4 
图 2-1 “HELLO WORLD!" 文 档 显 示 效 果 


一 个 基本 的 HTML 文档 通常 由 文档 标记 、 头 部 标记 和 主体 标记 三 部 分 组 成 ,下 面 详细 
介绍 这 些 标 记 。 


2.2.1 文档 标记 < HTML >…</HTML> 
文档 标记 用 来 标识 HTML 文件 , 它 包括 整个 HTML 文档 。 
文档 标记 的 格式 为 : 

<HTML> HTML 文档 的 内 容 </HTML > 


<HTML > 处 于 文档 的 最 前 面 .表示 HTML 文档 的 开始 , 即 浏览 器 从 < HTML > 开始 解 
释 直到 遇 到 </HTML > 为 止 。 每 个 HTML 文件 均 以 < HTML > 开始 ,以 </HTML > 结束 。 
文档 标记 包含 的 标记 有 < HEAD>、< BODY > 等 。 
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2.2.2 文件 体 标记 < BODY >…</BODY > 


文件 体 标记 是 网 页 的 主体 标记 ,用 于 编写 网 页 文件 的 主体 。 在 BODY 部 分 可 以 设置 背 
景 颜 色 .背景 图 片 和 主体 部 分 的 字体 大 小 等 信息 。BODY 的 属性 如 表 2-1 所 示 。 


表 2-1 BODY 的 属性 


属 性 功 能 
background= URL 设置 网 页 的 背景 图 片 
bgcolor= colorvalue 设置 网 页 的 背景 颜色 
text= colorvalue 设置 文本 的 颜色 
link= colorvalue 设置 尚未 被 访问 过 的 超 文本 链接 的 颜色 ,默认 为 蓝 色 
vlink= colorvalue 设置 已 被 访问 过 的 超 文本 链接 的 颜色 ,默认 为 紫色 
alink 一 colorvalue 设置 超 文本 链接 在 被 单 击 的 瞬间 的 颜色 ,默认 为 红色 
bgproperties 一 fixed 设置 背景 是 否 随 滚动 条 滚动 
leftmargin 一 size 设置 网 页 左边 的 空白 
topmargin= size 设置 网 页 上 方 的 空白 
marginwidth= size 设置 网 页 空白 的 宽度 
marginheight 一 Size 设置 网 页 空白 的 高 度 
文件 体 标记 的 格式 为 : 


<BODY> 主体 的 内 容 </BODY > 


2.2.3 文件 头 部 标记 < HEAD >…</HEAD > 

文件 头 部 包含 在 < HEAD > 和 </HEAD> 之 间 所 有 的 内 容 , 尽 管 不 显示 在 页 面 中 ,但 是 非 
常 重要 , 它 会 告诉 浏览 器 如 何 处 理 文档 主体 内 的 内 容 。 

文件 头 部 标记 的 格式 为 : 

<HEAD> 头 部 的 内 容 </HERAD > 


其 内 容 可 以 是 标题 名 、 文 本 文件 地 址 、 创 作 信息 等 网 页 信息 说 明 。 

文件 头 部 标记 包含 的 标记 有 < TITLE>.<BGSOUND>.< META >.<SCRIPT>.<STYLE>。 
其 中 ,TITLE 为 标题 标记 ,BGSOUND 为 播放 背景 音乐 ,META 为 描述 网 页 信息 ,SCRIPT 
为 脚本 ,STYLE 为 样式 。 


2.2.4 文件 标题 标记 < TITLE >…</TITLE> 
文件 标题 标记 的 格式 为 


<TITLE> 标题 名 </TITLE> 


TITLE 是 设 定 HTML 文档 标题 的 标记 , 写 在 头 部 标记 之 中 。 在 文档 头 部 定义 的 标题 
内 容 不 在 浏览 器 窗口 中 显示 ,而 是 在 浏览 器 的 标题 栏 中 显示 。 
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【 例 2-2】 编写 一 个 带 有 背景 音乐 的 网 页 文件 。 


<HIML> 
<HEAD> 
<TITLE > 宝贝 音乐 网 </TITLE > 
<bgsound src="d:\music.mp3" loop= "一 1"> 
< meta name = "GENER"> 
</HEAD> 
</HTML> 


项 目 案例 1: HTML 标记 案例 。 
【题目 】 制作 在 线 考试 网 站 页 面 ,显示 在 线 考试 标题 ,能 够 播放 提示 考试 时 间 的 播放 音 
乐 ,搭建 简单 框架 ,如 图 2-2 所 示 。 


淖 在 线 考试 网 - Wicrosoft Ine 


=|GIx| 


【代码 】 文件 四 ”编辑 外 查看 W) 收 京 和) ”| 圳 
QAE :OHA GP 省 
<HTML> 地 址 四 牛 ] nz-ml html ”本 | 园 转 到 | 链接 
<HEAD> 百 
<TITLE> 在 线 考试 网 </TITLE> 欢迎 登录 在 线 考试 网 ! 
<bgsound src="d:\ks. mp3" loop="—1"> 
< meta name = "GENER"> J 
</HEAD> ce 
<BODY> 图 2-2 在 线 考试 网 文档 显示 效果 
欢迎 登录 在 线 考试 网 ! 
</BODY > 
</HTML > 


注意 : 背景 音乐 的 播放 路 径 要 一 致 。 
&3 定义 文档 格式 的 标记 码 


在 大 多 数 网 页 中 ,文档 是 核心 的 内 容 , 只 有 设置 适当 的 文档 格式 ,才能 得 到 绚丽 多 彩 的 
网 页 。 设 置 文档 的 格式 包括 设置 标题 和 文字 的 字体 、 字 号 、 字 型 .颜色 ,段落 格式 ,文本 布 
局 等 。 


2.3.1 设置 字号 属性 


HTML 文件 中 ,不 同 的 子 标题 通过 < H1 > 一 < H6 > 标记 进行 设 定 ,以 区 分 不 同 标题 大 
小 。 如 < H1 >…</H1 > 表示 最 大 的 字体 ,< H6 >…</H6 > 表示 最 小 的 字体 ,中 间 H2 到 H5 依 
次 从 大 到 小 排列 。 

标题 标记 的 格式 为 : 


< HH >…</HIL >.<H2 >…</H2 >.< 了 >…</H3 >.<H4>…</H4>、<H5>…</H5 >.<H6 >…</H6> 


该 标记 会 自动 换行 ,因此 在 不 同 标题 之 间 不 用 加 入 换行 标记 。 文 字 中 通常 存在 不 同位 
置 ,因此 可 加 入 align 王 left/center/right 来 设 定 。 
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【 例 2-3】 在 网 页 中 分 别 设 定 标 题 一 、 二 三、 四 、 五 、 六 的 标题 大 小 (如 图 2-3 所 示 )。 
<HIML> 

<HEAD> 

<TITLE> 一 二 ,三 ,四 ,五 .六 的 标题 大 小 </TITLE> 

</HEAD> 

<BODY> 


<Hl align = "left"> 标题 一 </HL > 
<H2 align = "left"> 标题 二 </H2 > 
<H3 align = "center"> 标题 三 </H3 > 
<H4 align = "right"> 标题 四 </H4 > 
<H5 > 标题 五 </H5 > 
<H6 > 标题 六 </H6 > 
</BODY> 

</HTML> 


EDEIRETTIEIZIETETTOTCTOO 
文件 四 锦 强 加 查看 (收藏 人 工具 四 帮助 00 下 3 
FE.©O :Ha WP Skim @|O- HM ” 
地 址 0) | 名]E \ 护 ASPJSP\2-1\2.3 title hl h2 bo. htnl SIE 


拆 原 六 | 
属 攻 [太太 司 5po L 


图 2-3 标题 大 小 的 显示 效果 


2.3.2 文本 修饰 标记 
1. <FONT> 基 本 字体 标记 
<FONT > 标记 指定 选 定 文本 的 字体 .大 小 和 颜色 。 文 本 修饰 标记 的 格式 为 ， 


< FONT size =n face = charnames color = #n> 


注意 : size 表示 字体 大 小 ,face 表示 字体 类 型 ,color 表示 文本 颜色 。 
【 例 2-4】 设 定 不 同 字 体 、 大 小 、 类 型 .颜色 (如 图 2-4 所 示 )。 


<HIML> 
<HEAD> 
<TITLE > 字体 大 小 类 型 颜色 </TITLE> 
</HEAD> 
<BODY> 
<P> 
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<FONT size= "1" color = "red" face= "黑体 "> 
我 爱 你 , 中国!</FONT > 
</P> 
<P> 
<FONT size= "3" > 欢迎 光临 !</H2 > 
</P> 
<P> 
< FONT size= "4" color =" 井 037263" face= "隶书 "> 期 竺 放假 中 !</H3 > 
</P> 
</BODY> 
</HTML > 


ETEET 
文件 四 编 各 思 ) 查看 WJ 收 误 W) 工具 中 性 ” 剧 | 


回 扫 - 则 -四 国信 | 只 拉 祝 收 天 包 | ” 
地 柱 轴 | 欠 ] E:\ 编 书 ASPJSP\2-1\2.4 font htnl 可 国 特 到 | 链接 


Nicrosoft Internet Ep 


我 要 你 ， 中 国 ! 

欢迎 光临 ! 

期 待 放假 中 ! 十 
[E29 iE 加 


图 2-4 font 的 显示 效果 


注意 : color 色彩 值 有 两 种 设置 方法 : 一 种 采用 RGB 色 值 ; 一 种 使 用 专 有 名 词 代表 具 
体 色彩 ,如 black( 黑 色 ) .olive( 橄 榄 色 ) teal( 青 色 ) ,red( 红 色 ) blue( 蓝 色 ) .maroon( 菜 色 )、 
navy( 浅 蓝 色 )、gray( 灰 色 )、silver( 银 色 )、aque( 浅 绿色 )、fuchsia( 紫 红色 )、white( 和 白色 )、 
green( 绿 色 )、purple( 紫 色 ) yellow( 黄 色 )。 


2. 字体 效果 标记 


字体 效果 标记 包括 粗 体 < B>、 斜 体 <I1>、 下 划 线 < U >。 
强调 文本 标记 为 <EM>.< STRONG >, 其 中 ,< EM> 相 当 于 <I1>,< STRONG > 相当 于 < B>。 
【 例 2-5】 字体 效果 显示 (如 图 2-5 所 示 ) 。 


<HTML> 
<HEAD> 
<TITLE > 字体 效果 </TITLE > 
</HERAD > 
< BODY> 
<P> 
<B> 粗 体 </B> 
</P> 
<P> 
< 工 > 斜体 </I> 
</P> 
<P> 
<U> 下 划 线 </U> 
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</P> 
<P> 
< EM> 和 斜体 </EM> 
</P> 
<P> 
< STRONG > 粗 体 </STRONG > 
</P> 
</BODY > 

</HIML > 


oft Intermet EspLere 
| pT Er 收 豪 工具 CI) 帮助 3 
回报- 回国 国信 | 甩 扫 六 和 天 @| D+” 

地 址 中 [全 ] :\ 编 书 NSPJsP\2-l\z.5 b u i.htnl | 图 转 到 | 训 按 


粗 体 司 
届 亚 [ITrT 六 人 林 Se 4 


图 2-5 字体 显示 效果 


2.3.3 段落 格式 标记 


1. <P > 标记 
< 了 > 标记 产生 一 个 新 段落 。 
< 了 > 标记 的 格式 为 : 


<P align = left/center/right class = type> 


2. <BR > 标记 

<BR > 标记 产生 段落 换行 。 

<BR > 标记 的 格式 为 : 

< BR clear = none/left/right/all class = type> 
3. <HR > 标记 


< HR > 标记 在 网 页 窗口 中 加 一 条 水 平 线 , 用 以 分 隔 文档 。 
< HR > 标记 的 格式 为 : 


<HR align= left/center/right size=n width=n color= #n> 
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项 目 案 例 2: 文本 标记 案例 。 
【题目 】 制作 学 生 名 单 显示 页 面 ,要 出 现 标 题 , 学 生 名 单 。 
【代码 】 


<HIML> 
<HEAD> 
<TITLE > 学 生 名 单 </TITLE > 
</HERD > 
<BODY> 

2008 级 学 生 名 单 

<HR> 
<P> 黄 亮 亮 </P> 
< 了 > 高 燕 </P> 
<P> 王 英姿 </P> 
<P> 王 毅 </P> 
<P> 高 轻 若 </P> 
</BODY > 

</HTML> 


@.4 实现 超 链 接 的 标记 码 


超级 链接 又 称 为 超 文本 链接 ,将 文档 中 的 对 象 与 另外 一 个 对 象 链接 起 来 ,这 些 对 象 可 以 
是 图 片 文字 文档 等 元 素 。 
超 链 接 标记 的 格式 为 : 


<A class= type 
Id= value 
Href = reference 
Name = value 
Rel = same/next/parent/previous 
Rev = value 
Target = window 
Style = value 
Titie= title 
Onclick = function 
Onmouseout = function 
Onmouseover = function> 
</R> 


项 目 案例 3: 超 链接 标记 案例 。 
【代码 】 


<HIML> 

<HEAD> 
<TITLE > 超 链接 </TITLE> 

</HEAD> 

<BODY> 


Se 动态 网 站 设计 与 开发 实用 教程 
<P><A HREF = http://www.baidu. com target ="” blank" title= "百度 首页 "> 百度 </R> 
<P><A HREF = "mailto:316932984@qq. com" > 我 的 邮件 地 址 </A> 
<P><A HREF = http://www. tup. tsinghua. edu. cn target ="_self" >< img src = "banner. jpg"> 百 
度 </A> 
</BODY > 
</HTML> 


&5 表单 标记 码 


表单 用 来 收集 用 户 信息 ,并 将 这 些 信 息 提交 给 服务 器 处 理 。 表 单 可 以 包含 多 种 组 件 , 比 
如 标签 文本 框 、 按 钮 、 复 选 框 单 选 按钮 等 。 


表单 标记 的 格式 为 : 

< FORM name = "表单 名 "action = "URL" method = "GET/POST"> 

</FORM> 

action 指定 将 要 接收 表单 数据 的 服务 器 端 程序 或 动态 网 页 的 网 址 ,这 样 才能 将 数据 正 
确 传 给 表单 处 理 程序 。 

项 目 案例 4: 教师 学 生 登 录 注册 案例 。 

【代码 】 

<HIML> 

<HEAD> 


<meta http— equiv = "Content - Type" content = "text/html; charset = gb2312"> 
< link href = "wangye9pt. css" rel = "stylesheet" type= "text/css"> 
<TITLE > 用户 信息 </TITLE ></HERD > 
<BODY> 
< TABLE width= "200" border = "0" align = "center" cellpadding = "0”cellspacing = "1" bgcolor = 
"#FF6666" class = "w9pt"> 
<TR align = "center" bgcolor = "#FFFFFF"> 
< TD height = "30" colspan = "2">< SPAN class = "9ptred"> 用 户 信息 
</SPAN> </TD> 
</TR> 
< TR bgcolor = " # FFFFFF"> 
<TD align = "right">< SPAN class = "N12pt"> 
< 和 
username = session("userREGID") 
strsql = " select * From userinfo Where username = '"&username&"'" 
set rs = db. execute( strsql) 
%> 
</SPAN > 登录 ID: </TD> 
<TD class= "9ptred"><% = rs("username") %></TD> 
</TR> 
< TR bgcolor = " #FFFFFF"> 
<TD width= "48% "align= "right"> 注 册 身 份 : </TD> 
<TD width= "52% "><% 
typedok = rs("typed") 
if typedok = 1 then 


response. Write "领导 " 
elseif typedok = 2 then 
response.Write "教师 " 
else 
response. Write "学 生 " 
end if%></TD> 
</TR> 
<TR bgcolor = " #FFFFFF"> 
<TD align = "right"> 真 实 姓名 : </TD> 
<TD><% = rs("REALNAME") %$ ></TD> 
</TR> 
< TR bgcolor = " #FFFFFF"> 
<TD align = "right"> 登 录 密 码 : </TD> 
<TD><% = rs("PASSWORD") %></TD> 
</TR> 
<TR bgcolor = " #FFFFFF"> 
<TD align = "right"> 学 号 /教师 编号 : </TD> 
<TD><% =rs("num" ) %></TD> 
</TR> 
< TR bgcolor = " #FFFFFF"> 
<TD align = "right">E- mail: </TD> 
<TD>< = rs("email") %></TD> 
</TR> 
< TR bgcolor = " #FFFFFF"> 
<TD align = "right"> 联 系 电话 : </TD> 
<TD><% = rs("tel")$%></TD> 


</TR> 
<TR bgcolo #FFFFFF"> 
<TD align = "right"> 联 系 地 址 : </TD> 


<TD><% =rs("address") %></TD> 
</TR> 
"#FFFFFF"> 
<TD align = "right"> 所 在 院 系 : </TD> 
<TD><% = rs("DEPRRT" ) % ></TD> 
</TR> 
<TR bgcolor = " #FFFFFF"> 
<TD align = "right"> 所 在 班级 : </TD> 
<TD><% = rs("CLASS1") % ></TD> 
</TR> 
<TR bgcolor = " #FFFFFF"> 
<TD align = "right"> 注 册 时 间 : </TD> 
<TD><% = rs("submitdate" ) %></TD> 
</TR> 
< TR bgcolor = " #FFFFFF"> 
<TD align = "right"> 注 册 IP: </TD> 
<TD><% =rs("IP")%></TD> 
</TR> 
<TR bgcolor = " #FFFFFF"> 
<TD align= "right"> gnbsp;</TD> 
<TD height = "30"> gnbsp;</TD> 
</TR> 
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<TR bgcolor = " #FFFFFF"> 
< TD colspan = "2" align = "center"><A HREF = "javascript:window. close( );" class = "w9pt">[ 关 
闭 窗口 ]K/A></TD> 
</TR> 
</TABLE > 
</BODY > 
</HIML> 


@.6 在 HTML 文档 中 使 用 CSS 样式 的 方法 


CSS 是 cascading style sheet 的 缩写 ,是 用 于 控制 网 页 样式 并 允许 将 样式 信息 与 网 页 内 
容 分 离 的 一 种 标记 性 语言 。 

CSS 在 引用 中 ,必须 首先 在 head 中 声明 ,然后 在 body 中 以 class 三 样式 的 形式 进行 
应 用 。 
下 面 给 出 常用 CSS 样式 的 定义 格式 : 


BODY { // 文 件 体 字体 ,大 小 .颜色 . 段 间 距 样式 设置 
COLOR: #000000; 
FONT: 12px 宋体 ; 
} 
TD { 
COLOR: #000000; 
FONT: 12px 宋体 ; 
line— height:18px 
} 
TH { 
COLOR: #000000; 
FONT: 12px 宋体 ; 
} 
/*//Link Style//*/ 
a:link { // 默 认 链 接 样 式 设置 , 访问 前 .悬浮 中 \ 点 击 、 访 问 后 样式 设置 
COLOR: #ffffff; 
TEXT — DECORATION: none 


} 
a:visited { 
COLOR: #ffffff; 
TEXT — DECORATION: none 
} 
a:active { 
COLOR: #000000; 
TEXT — DECORATION: none 
} 
a:hover { 
COLOR: #fffffF; 
TEXT — DECORATION: underline 
} 
a.al:visited { /Val 链接 样式 设置 ,访问 前 、 悬 浮 中 、 点 击 、 访 问 后 样式 设置 


COLOR: #fffffF; 


TEXT — DECORATION: none 


} 
a.al:active { 
COLOR: #000000; 


TEXT — DECORATION: none 


} 
a.al :hover { 
COLOR: #ffffffF; 


第 2 章 “HTML 


TEXT — DECORATION: underline 


} 
/* //Link Style End//* / 
El 
COLOR: # ffffFF; 
FONT: 14px 宋体 ; 
font — weight: bold; 
} 


//E1 字体 颜色 .大 小 .样式 设置 


项 目 案例 5: 留学 网 站 CSS 标记 使 用 案例 。 


【部 分 代码 】 


<HTML> 
<HEAD> 


< METR http - equiv = "Content - Type" content = "text/htm1; charset = gb2312"> 


<TITLE> 留 学 快讯 </TITLE > 


< META name = "GENERATOR" content = "Microsoft FrontPage 3.0"> 


<LINK rel 
</HEAD> 


stylesheet" href = "public/style.css"> 


< BODY topmargin = "0" leftmargin= "0"> 
<DIV align = "center">< CENTER> 


< TABLE 
border 
<TR> 


0" cellpadding = "0”cellspacing= "0" width= "717"> 


<TD width= "24">< IMG src = " images/pic_002. jpg" width = "5" height = "24"></TD> 
<TD width= "59" class = "f2">< A HREF = "../../index. htm"> 留 学 全 球 </A></TD> 


<TD width= "10" 
<TD width= "73" 
<TD width= "12" 
<TD width= "64" 
<TD width= "11" 
<TD width= "74" 
<TD width= "14" 
<TD width= "62" 
<TD width= "12" 


class = "f2">< FONT color = "#FFFFFF">|</FONT></TD> 
f2">< A HREF = "index. htm"> 加 拿 大 首页 </A></TD> 
class = "f2">< FONT color = "#FFFFFF">|</FONT></TD> 
class = "f2">< A HREF = "news. htm"> 留 学 快讯 </A></TD> 
class = "f2">< FONT color = "#FFFFFF">|</FONT></TD> 
class = "f2">< A HREF = "index. htm"> 认 识 加 拿 大 </A></TD> 
class = "f2">< FONT color = "#FFFFFF">|</FONT ></TD> 
class = "f2">< A HREF = "college. htm"> 院 校 介 绍 </A></TD> 
£2">< FONT color = "#FFFFFF">|</FONT ></TD> 


class= 


class= 


< TD width= "60" class = "f2">< A HREF = "application. htm"> 申 请 指南 </A></TD> 
<TD width= "316"></TD> 


<TD width= "16"><DIV align = "center">< CENTER>< TABLE border = "0" cellpadding = 


cellspacing = "0" width = "113 和 "> 


<TR> 
<TD width 


"63% "></TD> 


<TD width= "50 % ">< IMG src = "images/pic 003. jpg" width = "6" height = "24"></TD> 


</TR> 
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</TABLE > 
</CENTER ></DIV ></TD> 
</TR> 
</TABLE > 
</CENTER ></DIV ></TD> 
</TR> 
<TR> 
<TD height = "1" valign= "top" width= "715" bgcolor = "#C8C8C8"><DIV align = "center"> 
< CENTER> 
</TABLE > 
</BODY > 
</HTML> 


留学 网 站 CSS 标记 显示 效果 如 图 2-6 所 示 。 


Nl 诗作 中文 | sis | 他 全 于 外 学 人 讯 | 关于 我 人 | 本 站 服务 | 在 上 论坛 | 联系 人 anad 扣 


导航 


日 留学 快讯 吉大 高 习 呈 各 加 全 大 高 入 号 骸 
9 留学 快讯 加 他 大 高 次 导航 加 全 大 高 校 导航 
日 留学 快讯 加 全 大 高 下 导入 加 全 大 页 村 级 


加 要 大 高 次 号 由 加 他 大 高 术 导 能 
日 留学 快讯 加 全 大 高 六 号 绊 加 拿 大 面 校 导 航 
a 留学 快讯 加 全 大 高 次 导 撤 加 全 大 高 校 导航 
常用 链接 
日 加 全 大 政府 
中 请 指 南 申请 指南 总体 要 这 > 全 育 状 况 pasps 
加 条 大 生活 为 加 本 大寺 图 。。 四 加 台大 政府 
中 请 指南 中 请 指南 ， 放 及 名 胜 日 各 拿 大 各 育 机 构 


图 2-6 留学 网 的 显示 效果 


@.7 本章 小 结 


HTML 语言 是 网 页 专用 语言 ,由 不 同 的 标记 组 成 ,是 一 种 静态 页 面 。 

本 章 介绍 了 HTML 标记 语言 的 使 用 方法 ,同时 给 出 了 案例 效果 。 在 设计 静态 页 面 时 ， 
要 注重 界面 色彩 搭配 以 及 常用 标记 的 使 用 方法 。 

要 求学 过 本 章 后 ,能够 独自 开发 出 静态 页 面 , 并 且 自 行 设计 版 式 。 


@.8 思考 与 练习 


什么 是 HTML? 

. 一 个 静态 网 页 页 面 由 哪些 内 容 构成 ? 
.制作 留学 网 页 。 

. 制作 网 站 的 注册 页 面 。 


D5 


JavaScript 脚本 是 众多 脚本 语言 中 较为 优秀 的 一 种 , 它 与 WWW 的 结合 有 效 地 实现 了 
网 络 计算 和 网 络 计算 机 的 蓝图 ,成 为 Java 家 族 重要 的 一 份子 。 本 章 详细 介绍 了 JavaScript 
脚本 语言 的 语法 格式 、 校 验 用 户 名 和 密码 、 验 证 电子 邮箱 等 。 

学 习 目标 及 要 求 

(1) 了 解 JavaScript 语言 的 运行 原理 及 特点 。 

(2) 熟悉 JavaScript 的 变量 ,数据 类 型 ,表达 式 的 定义 方法 。 

(3) 能 够 运用 简单 JavaScript 语句 编写 程序 。 

(4) 了 解 JavaScript 算术 、 日 期 时 间 、 字 符 串 、 数 组 函数 的 使 用 。 

(5) 了 解 鼠 标 驱动 事件 的 处 理 方法 。 


1 JavaScript 语言 简介 


JavaScript 是 由 Netscape 公司 开发 并 随 Navigator 导航 者 一 起 发 布 的 , 介 于 Java 与 
HTML 之 间 、 基 于 对 象 事件 驱动 的 编程 语言 , 正 日 益 受 到 全 球 的 关注 。 因 它 的 开发 环境 简 
单 ,不 需要 Java 编译 器 ,而 是 直接 运行 在 Web 浏览 器 中 , 备 受 Web 设计 者 喜爱 。 

JavaScript 的 出 现 使 得 信息 和 用 户 之 间 不 仅仅 是 一 种 显示 和 浏览 的 关系 ,而 是 实现 了 
一 种 实时 的 ,动态 的 、 可 交互 式 的 表达 能 力 。 


3.1.1 JavaScript 的 特点 


为 了 运用 JavaScript 控制 HTML 页 面 上 的 对 象 ,JavaScript 的 代码 必须 与 HTML 代 
码 结合 在 一 起 。 将 JavaScript 嵌入 HTML 页 面 时 ,必须 使 用 < SCRIPT > 标签 ,该 标签 使 用 
形式 如 下 : 

< SCRIPT Language = "JavaScript"> 

//JavaScript 代码 

</SCRIPT > 

标签 < SCRIPT > 通知 浏览 器 有 脚本 嵌入 到 标签 中 。 

JavaScript 与 Java 的 区 别 : 虽然 JavaScript 与 Java 有 紧密 的 联系 ,但 却 是 两 个 公司 开 
发 的 两 个 不 同 的 产品 。Java 是 Sun 公司 推出 的 新 一 代 面 向 对 象 的 程序 设计 语言 ,特别 适合 
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于 Internet 应 用 程序 开发 。JavaScript 是 Netscape 公司 的 产品 ,其 目的 是 为 了 扩展 
Netscape Navigator 功能 而 开发 的 一 种 可 以 嵌入 Web 页 面 中 的 基于 对 象 和 事件 驱动 的 解释 
性 语言 , 它 的 前 身 是 Live Script。Java 的 前 身 是 Oak 语言 。 


3.1.2 JavaScript 的 运行 原理 


Javascript 脚本 可 以 运行 在 客户 端 ,缓解 因 频繁 访问 对 服务 器 造成 的 压力 。 比 如 我 们 验 
证 用 户 名 和 密码 ,只 须 在 本 地 验证 就 可 以 ,如 果 用 户 名 、 密 码 正确 ,就 通过 验证 ,如 果 不 正 确 ， 
就 不 能 登录 主页 ,如 图 3-1 所 示 。 


图 3-1 JavaScript 的 运行 原理 


项 目 案例 1: 编写 第 一 个 JavaScript 程序 (如 图 3-2 所 示 )。 


| 文人 加 二 加 去 和 WW i 让 芭 


Be EE a 


[ 攻 EDJSnVwsewlk | ATavaSeript\jl htm -| 


| 鲜 接 彻 Internet Explorer 新 闻 名]Internet 开始 有 


图 3-2 第 一 个 JavaScript 程序 


【题目 】 使 用 JavaScript 代码 .输出 “欢迎 进入 JavaScript 世界 !”。 
【代码 】 


<HIML> 
<HEAD> 
< SCRIPT Language = "JavaScript"> 
//JavaScript 
alert(" 这 是 第 一 个 JavaScript 程序 !"); 
alert(" 欢 迎 进入 JavaScript 世界 !"); 
alert(" 今 后 我 们 将 共同 学 习 JavaScript 知识 !"); 
</SCRIPT> 
</HEAD> 
</HIML> 
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解释 : 

JavaScript 代码 由 < SCRIPT Language 二 "JavaScript">...</SCRIPT > 说 明 。 在 标识 
< SCRIPT Language 一 "JavaScript">...</SCRIPT > 之 间 就 可 加 入 JavaScript 脚本 。 

alert( ) 是 JavaScript 的 窗口 对 象 方法 ,其 功能 是 弹出 一 个 OK 对 话 框 并 显示 () 中 的 字 
符 串 。 

通过 <! 一 .……// 一 > 标识 说 明 , 若 不 认识 JavaScript 代码 的 浏览 器 , 则 所 有 在 其 中 的 
标识 均 被 忽略 ; 若 认识 , 则 执行 其 结果 。 使 用 注释 是 一 个 好 的 编程 习惯 , 它 使 其 他 人 可 以 读 
懂 你 的 语言 。 

JavaScript 以 </SCRIPT > 标签 结束 。 

JavaScript 中 注释 代码 的 方法 : 单行 注释 用 //, 多 行 注释 用 / * … * /。 


人 JavaScript 变量 ,数据 类 型 与 表达 式 


3.2.1 JavaScript 变量 和 数据 类 型 


JavaScript 中 采用 弱 类 型 变量 ,变量 可 以 不 做 声明 和 不 做 类 型 说 明 , 而 在 使 用 或 赋值 时 
确定 类 型 。 但 为 了 形成 良好 的 编程 风格 ,变量 应 该 采取 先 定义 、 再 使 用 的 方法 。JavaScript 
中 变量 的 定义 用 关键 字 var 来 实现 。 例 如 ,定义 一 个 名 为 id 的 变量 : 

< SCRIPT Language = "JavaScript"> 

var id; 

</SCRIPT > 

备注 : 强 类 型 变量 和 弱 类 型 变量 的 对 比 。 

Java 采用 强 类 型 变量 检查 , 即 所 有 变量 在 编译 之 前 必须 做 声明 。 例 如 : 

Integer x; 

String y; 

x= 1234; 

y= 4321; 

其 中 ,x 二 1234 说 明 是 一 个 整数 ,y= 二 4321 说 明 是 一 个 字符 串 。 

JavaScript 中 变量 声明 采用 弱 类 型 , 即 变量 在 使 用 前 无 须 做 声明 ,而 是 解释 器 在 运行 时 
检查 其 数据 类 型 ,如 : 

x= 1234; 

Y= "4321"; 

其 中 ,前 者 说 明 x 为 其 数值 型 变量 ,后 者 说 明 y 为 字符 型 变量 。 

在 JavaScript 中 有 4 种 基本 的 数据 类 型 : 数值 型 (整数 和 实数 )、 字 符 串 型 (用 ”或 “” 
括 起 来 的 字符 或 数值 ) ,布尔 型 (用 True 或 False 表示 ) 和 空 值 。 

变量 的 命名 要 遵循 以 下 规则 : 

(1) 变量 名 不 能 与 保留 字 冲 突 。 
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(2) 变量 名 必须 以 字母 或 者 下 划 线 (_) 开 头 , 不 能 以 数字 或 者 其 他 非 字母 字符 作为 变量 
各 开头 。 

(3) 变量 名 中 不 能 包含 空格 。 

(4) JavaScript 是 区 分 大 小 写 的 ,所 以 给 变量 命名 时 要 考虑 大 小 写 的 问题 。 


3.2.2 JavaScript 表达 式 


在 定义 完 变量 后 ,就 可 以 对 它们 进行 赋值 改变、 计算 等 一 系列 操作 。 表 达 式 是 指 具有 
一 定 的 值 , 用 运算 把 常数 和 变量 连接 起 来 的 代数 式 。 可 以 说 它 是 变量 ,常量 ,布尔 及 运算 符 
的 集合 ,因此 表达 式 可 以 分 为 算术 表述 式 、 字 符 串 表达 式 、 赋 值 表达 式 以 及 布尔 表达 式 等 。 
JavaScript 中 的 算术 运算 符 有 单 目 运算 符 和 双 目 运算 符 。 
双 目 运算 符 : 
十 (加 ) 一 ( 减 )、x ( 乘 )、/( 除 )、%( 取 模 ) 、|( 按 位 或 )、&( 按 位 与 ) ,二 二 ( 左 移 )、 二 ( 右 
、 二 二 二 ( 右 移 , 零 填充 ) 
单 目 运 算 符 : 
一 ( 取 反 ) 一 ( 取 补 )、 十 十 ( 递 加 1) ,一 一 (递减 1) 
比较 运算 符 首 先 对 操作 数 进行 比较 ,再 返回 一 个 True 或 False 值 ,有 8 个 比较 运算 符 ， 
挟 ( 小 于 )、>>( 大 于 ) .二 三 (小 于 等 于 ) ,> 一 (大 于 等 于 ) = (等 于 ).! 王 (不 等 于 ) 
在 JavaScript 中 增加 了 几 个 布尔 逻辑 运算 符 : 
! ( 取 反 )、.& 一 (与 之 后 赋值 )、&. (逻辑 与 )、| 一 (或 之 后 赋值 )、| (逻辑 或 )、 “一 ( 异 或 
之 后 赋值 )、^ (逻辑 异 或 )、?:( 三 目 操 作 符 )、| | (或 ) 一 一 (等 于 ) | 一 (不 等 于 ) 

其 中 ,三 目 操 作 符 主要 格式 如 下 : 

操作 数 ? 结果 1: 结果 2 

若 操作 数 的 结果 为 真 , 则 表达 式 的 结果 为 结果 1, 否 则 为 结果 2。 

项 目 案例 2: 编写 文字 跟随 鼠标 移动 代码 。 

【题目 】 使 用 JavaScript 代码 ,实现 文字 跟随 鼠标 移动 效果 (如 图 3-3 所 示 ) 。 


3 


加 | 呈 
强 f 。。 新加坡 。。 瑞 内 


瑞士 乌克兰 英国 


RR My Future at My Fingertipsl 


mE 


图 3-3 文字 跟随 鼠标 移动 效果 
【代码 】 


< SCRIPT Language = "JavaScript"> 
<! -一 Begin 
msg= 'My Future at My Fingertips! '; 
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font = 'Verdana, Arial'; 
size=2; //1—7 only! 
color = '# 016F30'; 


speed = 0.5; // 移 动 步 数 

msg= msg. split(''); // 将 字符 串 msg 分 割 成 字符 串 数组 msg 
n= msg. length; 

a= size* 5; // 定 义 每 个 字符 的 显示 宽度 
ymouse = 0; 

xmouse = 0; 


props = "< font face="+font+" size="+size+" color="+colort+">"; 

document. write('< div id = "outer" style= "position:absolute; top: Opx; left:0px">< div style = 
"position:relative">');  // 为 显示 信息 的 每 个 字符 定义 一 个 层 ,都 位 于 左上 角 

for (i=0; i<n; i++) 

document. write('< divid = "iemsg" style= "position:absolute;top:0px; left:0;height:'+at+'; 
width:'+a+ ';text— align:center">' + props + msg[ i] + '</font ></div >'); 

document. write( '</div ></div >'); 

function Mouse( ){ // 获 取 当 前 鼠标 位 置 ,并 在 x 左边 增加 20, 生成 显示 信息 的 起 始 位 置 
ymouse = event.y; 

xmouse = event.x+20; 

} 

document. onmousemove = Mouse; // 定 义 当 前 文档 的 鼠标 移动 事件 Mouse 

Y= new Array(); 

X= new Array(); 

Y= new Array(); 

X= new Array(); 

for (i=0; i<n; i++){ 


Y[i] =0; 
Xx[i] = 0; 
Y[i] =0; 
Xx[i] = 0; 
} 
</SCRIPT > 


Ga JavaScript 的 选择 语句 


3.3.1 if 语 名 的 用 法 
1. if 语句 格式 


证 (表达 式 ) 


功能 : 若 表达 式 为 true, 则 执行 语句 块 。 
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2. if-else 语句 格式 


if (表达 式 ) 
{ 
语句 块 1; 
} 


else 
{ 
语句 块 2; 
} 


功能 : 车 表达 式 为 true, 则 执行 语句 块 1; 否则 执行 语句 块 2。 
3. if-else 语句 格式 
if( 表 达 式 ) 语 句 1; 


else( 表 达 式 ) 语 句 2; 
else if( 表 达 式 ) 语 句 3; 


else 语句 4; 

功能 : 在 这 种 情况 下 ,每 一 级 的 布尔 表达 式 都 会 被 计算 , 若 为 真 , 则 执行 其 相应 的 语句 ， 
否则 执行 else 后 的 语句 。 

项 目 案例 3: if 条 件 判断 语句 1。 

【题目 】 填写 学 生 信息 并 提交 。 学 生 信息 不 允许 为 空 ,车 提交 无 误 则 显示 提交 的 学 生 
信息 ,否则 提示 错误 信息 (如 图 3-4 所 示 )。 


| 文件 四 。 痢 剖 四 ”查看 (收藏) 工具 (D 几 助 外 E23 


CEN OIRO Et 


BE [TT [| #8met 


图 3-4 输入 学 生 信息 并 判断 
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【代码 】 
function checkNull(txtItem, txtName){ 
If (txtItem. value == "") // 若 文本 框 对 象 的 值 为 空 
{ 
alert(txtName + "不 能 为 空 "); ”// 进 行 提醒 
txtItem. focus(); // 将 光标 焦点 指向 该 文本 框 
Return false; // 函 数 返回 值 为 假 
}Else Return true; // 和 否则 表示 填写 过 内 容 , 函数 返回 值 为 真 


} 

Function checkForm( ){ 

If (checkNull(document. getElementById( "name" ), "姓名 " )&& 
checkNull( document. getElementById("age" ), "年 龄 ")&& 
checkNull( document. getElementById("grade" ), "年 级 ")&& 
checkNull( document. getElementById("stuClass" ), "班级 " )&& 
checkNull( document. getElementById(" stuNo" ), "学 号 ")) 

Return true; // 若 以 上 判断 均 为 真 ,返回 真 

Else Return false; // 和 否则 返回 假 

} 


项 目 案例 4: if 条 件 判断 语句 2。 
【题目 】 在 客户 端 验证 E-mail 格式 是 否 正确 。 
【代码 】 


< SCRIPT Language = "JavaScript"> 
function check(myform){ 
if(myform.e mail.value ==""){ 
alert(" 请 输入 E-mail 地 址 !");myform.e_mail. focus( ) ;return; 
} 
if(!checkemail(myform.e mail. value)){ 
alert(" 您 输入 的 Email 地 址 不 正确 !") ;myform.e_mail. focus( );return; 
} 
myform. submit(); 
} 
function checkemail(email){ 
var str = email; 

// 在 Javascript 中 ,正则 表达 式 只 能 使 用 "/" 开 头 和 结束 ,不 能 使 用 双 引 号 
var Expression =/\w+ ([— +.']\wt)x*@\w+([—.]\wt)x\.\wt+t([—.]\wt+t)*/; 
var objExp = new RegExp(Expression); 
if(objExp. test( str) == true){ 

return true; 
Jelse{ 
return false; 
} 
} 
</SCRIPT > 


3.3.2 switch 语句 的 用 法 


switch (表达 式 ) 
{case 值 1: 语句 1; 
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break; 
case 值 2: 语句 2; 
break; 


case 值 n: 语句 n; 
break; 

default: 语句 ; 

} 


功能 : 判断 表达 式 属于 case 的 哪 一 个 值 .然后 依据 对 应 的 case 值 执行 相应 的 语句 。 


项 目 案例 5: 编写 JavaScript 代码 。 
【题目 】 使 用 JavaScript 代码 ,实现 提示 文字 的 变色 效果 (如 图 3-5 所 示 )。 


效果 显示 区 
| 招聘 局 事 
图 3-5 变色 文字 
【代码 】 
< SCRIPT Language = "JavaScript1.2"> 
var message= "招聘 启事 " 
Var neonbasecolor = " # FF930D" 
Var neontextcolor = " # 00B3FD" 
var flashspeed = 300 // 设 置 变 色 速度 


varn=0 

if (document.all){ 

document. write( '< font color = "' + neonbasecolor + '">') 
for (m=0;m<message. length;m++ ) 

document. write( '< span id = "neonlight" class = "content">' + message.charRt(m) + '</span >') 
document. write( '</font >') 

var tempref = document.al1.neonlight //cache reference to neonlight array 
} 

else 

document. write(message) 

function neon( ){ // 改 变 字母 基本 色 
if (n==0){ 

for (m= 0;m<message. length;m ++ ) 

tempref[m]. style. color = neonbasecolor 

}  // 循 环 改变 字母 的 色彩 

tempref[n] . style. color = neontextcolor 

if (n< tempref. length— 1) 

n++ 

else{ 

n=0 

clearInterval (flashing) 

setTimeout ("beginneon( )",1500) 

return 


}} 
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function beginneon( ){ 

if (document.all) 

flashing = setInterval("neon()",flashspeed)} 
beginneon() 

</SCRIPT> 


6.4 JavaScript 的 循环 语句 


3.4.1 for 循环 语句 


基本 格式 为 : 


for( 初 始 化 ; 条 件 ; 增 量 ) 
语句 集 ; 
功能 : 实现 条 件 循环 , 当 条 件 成 立时 ,执行 语句 集 ,否则 跳出 循环 体 。 
说 明 ， 
。 初始 化 : 告诉 循环 的 开始 位 置 ,必须 赋予 变量 的 初 值 。 
。 条件 : 是 用 于 判别 循环 停止 时 的 条 件 。 若 条 件 满 足 , 则 执行 循环 体 , 和 否则 ,跳出 。 
。 增 量 : 主要 定义 循环 控制 变量 在 每 次 循环 时 按 什么 方式 变化 。 
项 目 案例 6: for 循环 语句 案例 1 。 
【题目 】 判断 单 选 框 对 象 选中 案例 (如 图 3-6 所 示 ) 。 


证 Mcrowoft Internet Drpie 
| 文件 如 模 线 全 查看 MW) 。 收 头 他 工具 (0 肆 把 6 


Im. Oa em vm OB. YM-.] 


输入 学 生 信息 


EE 


厂 篇 球 厂 足球 厂 兵 球 厂 游 沐 
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图 3-6 ”判断 单 选 框 和 复 选 框 是 否 被 选中 
【代码 】 


Function checkItem( itemObj, itemName){ 
var flag = false; 


For(var i= 0;i< itemObj. length;i ++ ){ // 循 环 检查 单 选 框 对 象 是 否 被 选中 
If(itemObj[i]. checked){ 
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flag= true;} // 做 标记 

} 
If(flag) // 若 被 选中 

Return true; 
Elsef // 未 被 选中 
alert(itemName + "不 能 为 空 "); 

// 提 示 

Return false; 3 
checkItem( document.all. sex, "性 别 ") // 检 查 单 选 框 是 否 被 选中 


checkItem( document. all. interest, "兴趣 ")) ”// 检 查 复 选 框 是 耕 被 选中 


项 目 案例 7: for 循环 语句 案例 2。 
【题目 】 循环 判断 复 选 框 选中 案例 (如 图 3-7 所 示 )。 


输入 学 生 信息 


中 
| 


厂 入 于 厂 足 球 厂 丘 际 厂 游 沐 


区 


取消 全 选 所 有 复 选 框 | 


图 3-7 循环 检查 复 选 框 对 象 是 否 被 选中 


【代码 】 


Function checkAll(name) 
{ 
var el = document. getElementsByTagName( 'input'); 
var len = el. length; // 读 取 元 素 的 个 数 
For(var I =0; I<len; I++) // 循 环 元 素 个 数 的 次 数 
{ 
If((el[I].type == “checkbox”) && (el[i].name == name)) { 
If(document. getElementById( “ca” ). checked) { 
el[i].checked = true; 
} 
Else{// 用 户 取消 全 选 
el[I].checked = false; }} } } 


3.4.2 ”while 循环 语句 
基本 格式 为 : 
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while( 条 件 ) 

语句 集 ; 

该 语句 与 For 语句 一 样 , 当 条 件 为 真 时 ,重复 循环 ,否则 退出 循环 。 

For 与 while 语句 的 比较 : 两 种 语句 都 是 循环 语句 ,使 用 For 语句 在 处 理 有 关 数 字 时 更 
易 看 懂 , 也 较 紧凑 ; 而 while 循环 对 复杂 的 语句 效果 更 特别 。 


3.4.3 do-while 循环 语句 


基本 格式 为 : 
do{ 语句 块 ; 
计数 器 表达 式 ; 
}while (循环 条 件 表达 式 ) 
注意 : do-while 语句 和 while 语句 的 最 大 区 别 是 : do-while 语句 先 执 行 语句 块 ,后 执行 
条 件 判 断 ; while 语句 先 执行 条 件 判 断 , 后 执行 语句 块 。 二 者 执行 的 次 数 不 一 样 。 


6.5 JavaScript 的 函数 


JavaScript 中 的 函数 不 同 于 其 他 语言 的 函数 ,每 个 函数 都 是 作为 一 个 对 象 被 维护 和 运 
行 的 。 通 过 函数 对 象 的 性 质 ,可 以 很 方便 地 将 一 个 函数 赋值 给 一 个 变量 或 者 将 函数 作为 参 
数 传递 。 

JavaScript 不 区 分 函数 和 过 程 , 它 只 有 卫 数 。 

(1) 函数 的 定义 : 


founction 函数 名 ([ 参 数 1, 参数 2,.…]) 
{ 代码 块 ; } 


(2) 函数 的 参数 : 在 函数 定义 时 确定 参数 ,然后 按照 确定 的 参数 进行 传递 调用 。 

(3) 函数 返回 值 : 可 以 使 用 return 语句 返回 常量 、 变 量 , 也 可 以 是 表达 式 等 。 

在 函数 的 定义 中 ,我 们 看 到 函数 名 后 有 参数 表 , 这 些 参 数 变 量 可 能 是 一 个 或 几 个 。 那 么 
怎样 才能 确定 参数 变量 的 个 数 呢 ? 在 JavaScript 中 可 通过 arguments . Length 来 检查 参数 
的 个 数 。 

例如 : 


Function function Name(expl, exp2, exp3, exp4) 
Number = function Name . arguments .length; 
if (Number>1) 

document. wrile( exp2); 

if (Number > 2) 

document. write( exp3); 

if(Number > 3) 

document .write( exp4); 
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3.5.1 算术 函数 


Math 对 象 无 须 用 new 操作 符 创 建 对 象 ,而 是 可 以 直接 使 用 ,所 以 又 被 称 做 静态 的 
对 象 。 
调用 方式 为 : 


Math. 数学 函数 名 (参数 表 ) 


1. Math 对 象 的 属性 


Math 中 提供 了 6 个 属性 ,它们 是 数学 中 经 常用 到 的 常数 下 .以 10 为 底 的 自然 对 数 
ln10、 以 2 为 底 的 自然 对 数 ln2、3. 14159 的 PI、1/2 的 平方 根 SQRT(1/2)、2 的 平方 根 
SQRT(2) 。 


2. Math 对 象 的 方法 


功能 : 提供 除 加 \ 减 、 乘 、 除 以 外 的 运算 ,如 对 数 . 平 方 根 等 。 
主要 方法 如 下 。 

。 绝对 值 : abs()。 

。 正弦 .余弦 : sin() ,cos()。 

。 反 正弦 、 反 余弦 : asin() ,acos()。 

。 正切 .反正 切 : tan() ,atan()。 

。 四 合 五 人 : round() 。 

。 平方 根 : sqrt() 。 


。 base 的 exponent 次 宕 : pow(base,exponent) 。 


3.5.2 String 函数 


String 中 的 函数 不 能 直接 使 用 类 名 String 加 函数 名 ,而 是 要 创建 String 类 型 的 对 象 ， 
在 对 象 的 后 面 加 上 函数 名 。 


1. String 对 象 的 定义 


strl = "hello"; 
str2 = new String( "hello"); 


2. String 对 象 的 属性 


String 对 象 只 有 一 个 属性 , 即 length。 它 表明 了 字符 串 中 的 字符 个 数 ,包括 所 有 符号 。 
例如 : 


mytest = "This is a JavaScript" 
mystringlength= mytest. length 


最 后 ,mystringlength 返回 mytest 字符 串 的 长 度 为 20。 
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3. String 对 象 的 方法 


String 对 象 的 方法 共有 19 个 ,主要 用 于 有 关 字 符 串 在 Web 页 面 中 的 显示 、 字 体 大 小 、 
字体 颜色 .字符 的 搜索 以 及 字符 的 大 小 写 转换 。 


3.5.3 日 期 及 时 间 


JavaScript 中 没有 日 期 类 型 ,Date 对 象 中 不 仅 包括 日 期 ,还 包括 时 间 。 
功能 : 提供 一 个 有 关 日 期 和 时 间 的 对 象 。 
使 用 New 运算 符 创建 一 个 实例 。 例 如 : 


MyDate = New Date() 


Date 对 象 没 有 提供 直接 访问 的 属性 ,只 具有 获取 和 设置 日 期 和 时 间 的 方法 。 
获取 日 期 和 时 间 的 方法 如 下 。 

。 getYear(): 返回 年 数 。 

。 getMonth(): 返回 月 份 数 。 
。 getDate(): 返回 日 期 数 。 

。 getDay(): 返回 星期 几 。 
getHours(): 返回 小 时 数 。 
getMinutes(): 返回 分 钟 数 。 
。 getSeconds(): 返回 秒 数 。 

。 getTime(): 返回 毫秒 数 。 
设置 日 期 和 时 间 的 方法 如 下 。 

。 setYear(): 设置 年 。 

。 setMonth(): 设置 月 份 数 。 

。 setDate() : 设置 日 期 数 。 

。 setDay: 设置 星期 几 。 
setHours(): 设置 小 时 数 。 
setMinutes(): 设置 分 钟 数 。 
。 setSeconds(): 设置 秒 数 。 

。 setTime(): 设置 毫秒 数 。 


3.5.4 Array 对 象 


数组 是 一 系列 元 素 的 有 序 集合 , 它 的 强大 功能 是 不 可 替代 的 。 在 JavaScript 中 ,可 以 使 
用 Array( 数 组 ) 对 象 来 完成 对 数组 的 操作 。 


1. 定义 对 象 的 数组 


Function arrayName( size){ 
This. length = Size; 

for(var X= ; X<= size;X++ ) 
this[X] =0; 
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Reture this; 
} 


其 中 ,arrayName 是 定义 数组 的 一 个 名 字 ,Size 是 有 关 数 组 大 小 的 值 (1-size) , 即 数 组 元 素 的 
个 数 。 通 过 for 循环 对 一 个 当前 对 象 的 数组 进行 定义 ,最 后 返回 这 个 数组 。 

2. 创建 数组 实例 

一 个 数组 定义 完成 以 后 ,还 不 能 马上 使 用 ,必须 为 该 数组 创建 一 个 数组 实例 : 


Myarray = New arrayName(n); 


并 赋予 初 值 : 


Myarray[1] = " 字 串 1"; 
Myarray[2] = " 字 串 2"; 
Myarray[3] = " 字 串 3"; 


Myarray[n] = " 字 串 n"; 


一 旦 给 数组 赋予 初 值 后 ,数组 中 就 具有 真正 意义 的 数据 了 ,以 后 就 可 以 在 程序 设计 过 程 
中 直接 引用 。 

项 目 案例 8: 函数 案例 1。 

【题目 】 编写 一 个 用 户 选择 头像 的 功能 ,将 头像 名 称 存放 在 下 拉 列 表 中 , 当 用 户 选 择 某 
个 头像 后 ,可 以 在 页 面 中 将 这 个 头像 的 图 片 显示 出 来 (如 图 3-8 所 示 ) 。 


单 击 图 片 名 称 显示 对 应 头像 


图 3-8 用 户 选择 头像 和 用 户 显示 图 像 


【代码 】 


< SCRIPT Language = "javascript"> 
Function chgFace() { 
document. forms[ 0]. submit( ); 
; 
</SCRIPT> 
< FORM action = "" method = "post"> 
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< SELECT name = "userFace" onchange = "chgFace(); "> 
< IMG src="../images/userface/<% = Request("userFace") 当 >"> 
</FORM> 


项 目 案例 9: 函数 案例 2。 
【题目 】 检查 表单 元 素 是 否 为 空 。 
【代码 】 


Index.asp: 
<! -- #include file ="function.asp" 一 一 > 
<HITML > 
<HEAD> 
< TITLE > 检查 表单 元 素 是 否 为 空 </TITLE> 
< META http - equiv = "Content - Type" content = "text/htm1; charset = gb2312"> 
<LINK href = "style.css" rel = "stylesheet"> 
</HEAD> 


< BODY >< form name = "forml" method= "post" action= "> 
<TABLE width= "557" height = "121" border = "0" cellpadding = "0" cellspacing = "0" class=" 
tab border"> 
<TR> 
<TD valign = "top" background = "Images/top. jpg"> &nbsp;</TD> 
</TR> 
</TABLE> 
<TABLE width= "557" height ="129" border = "0" cellpadding = "0" cellspacing= "0"> 
<TR> 
<TD align 
cellpadding = 
<TR> 
<TD width= "17%" height = "30" align = "center"> 留 言 人 : </TD> 
<TD width = "83% ">< INPUT type = "text" name = "mname"” size = "20"></TD> 
</TR> 
<TR> 
< TD height = "30" align = "center"> 留 言 主 题 : </TD> 
< ID>< input type = "text" name = "mtext" size= "66"></TD> 
</TR> 
<TR> 
< TD align = "center"> 留 言 内 容 : </TD> 
< ID>< textarea name = "mnote”cols = "64" rows = "10" class= "wenbenkuang"></textarea > 


center" valign = "top">< TABLE width = "90$ ”height = "202" border = "0" 
0" cellspacing = "0" class = "tab border"> 


</TD> 
</TR> 
<TR align = "center"> 
< TD height = "4" colspan = "2">< INPUT name = "Button" type = "button" class = "btn_ 
grey" value = "提交 " onClick = "check(forml)"> 
Snbsp; 
< input name = "Submit2" type = "reset" class = "btn grey" value = " 重 置 "></TD> 
</TR> 
</TABLE ></TD> 
</TR> 
</TABLE> 
</FORM> 
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</BODY > 
</HTML> 
Function.asp 文件 : 
< SCRIPT Language = " javascript"> 
// 检 查 表单 元 素 是 否 为 空 
function check(Form){ 
for(i=0;i<Form. length;i++ ){ 
if(Form. elements[i].value ==""){ //Forn 的 属性 elements 的 首 字 e 要 小 写 
alert(Form. elements[i]. name + "不 能 为 空 !"); 
Form. elements[ i]. focus(); 
return; 
} 
} 
Form. submit(); 
} 
</SCRIPT > 


6.6 事件 驱动 及 事件 处 理 


JavaScript 是 基于 对 象 (object-based) 的 语言 。 这 与 Java 不 同 ,Java 是 面向 对 象 的 语 
言 。 基 于 对 象 的 基本 特征 就 是 采用 事件 驱动 (event-driven)。 它 是 在 界面 的 环境 下 ,使 得 一 
切 输入 变 得 简单 化 。 通 常 将 鼠标 或 热 键 的 动作 称 为 事件 (event) ,而 由 鼠标 或 热 键 引发 的 一 
连 串 程序 的 动作 称 为 事件 驱动 (event driver)。 对 事件 进行 处 理 的 程序 或 函数 称 为 事件 处 
理 程序 (event handler)。 

在 JavaScript 中 对 象 事 件 的 处 理 通 常 由 函数 (function) 担 任 。 基 本 格式 与 函数 的 使 用 
一 样 ,可 以 将 前 面 所 介绍 的 所 有 函数 作为 事件 处 理 程 序 。 

格式 如 下 : 


Function 事件 处 理 名 (参数 表 ){ 
事件 处 理 语句 集 ; 


. 


主要 有 以 下 几 个 事件 。 

。 单 击 事件 : onClick。 

。 改变 事件 : onChange。 

。 选中 事件 : onSelect。 

。 获得 焦点 事件 : onFocus。 


: onBlur, 


: onLoad, 

: onUnload 。 

项 目 案例 10: 事件 处 理 案例 1 。 
【代码 】 

<HIML> 


<HEAD> 
< SCRIPT Language = "JavaScript"> 
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function loadform( ){ 
alert(" 这 是 一 个 自动 装载 例子 !"); 
下 

function unloadform( ){ 
alert(" 这 是 一 个 印 载 例子 !"); 

} 

Hf==% 

</SCRIPT > 

</HEAD> 

< BODY OnLoad = "loadform( )" OnUnload = "unloadform( )"> 
<AHREF = "test. htm"> 调 用 </A> 
</BODY > 

</HIML > 


项 目 案例 11: 事件 处 理 案例 2( 如 图 3-9 所 示 )。 
【代码 】 


<HIML> 

<HEAD> 

< SCRIPT Language = "JavaScript"><! 一 一 
= 

function makeArray(n){ 

this. length=n 

return this 

} 

function hexfromdec(num) { 

hex = new makeArray(1); 

Var hexstring= ""; 
var shifthex = 16; 

Var templ = num; 

for(x=1; x>=0; x-—){ 

hex[x] = Math. round( templ/shifthex — .5); 

hex[x—- 1] = templ 一 hex[x] * shifthex; 

templ = hex[x — 1]; 

shifthex /= 16; 

} 

for (x=1; x>=0; x-- ) { hexstring+= getletter(hex[x]); } 
return (hexstring); 

} 


function getletter(num) { 


if (num < 10) { return num; } 


else { 

if (num 10) { return "A" } 
if (num 11) { return "B" } 
if (num 12) { return "C" } 
if (num 13) { return "D" } 
if (num 14) { return "E" } 
if (num 15) { return "F" } 
} 


} 

function rainbow( text ){ 
var color dl; 

var allstring= ""; 
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for(i= 0;i<text.length;i=i+2){ 

color dl =255 x Math. sin(i/(text. length/3)); 

color hl = hexfromdec(color d1); 

allstring += "< FONT COLOR = " + color hl + "ff" +color hl +">"+text. substring(i,i+2)+ 
"</FONT >"; 

} 

return allstring; 

} 

function sizefont(text){ 

Var color dl; 

var allstring= ""; 

var flag= 0; 

for(i=0,j=0;i<text.length;i=i+1){ 

if (flag==0) { 

j++; 

if (j>=7){ 

flag=1;}} 

if (flag==1) { 

pie ke 

if (j<=0) { 

flag= 0; }} 

allstring += "< FONT SIZE="+ j + ">" + text.substring(i,i+1) + "</FONT>"; 
' 

Return allstring; 

document. write( "< font size = 8>< CENTER>") 

document. write("< BR><BR>") 

document. write( sizefont(" 这 是 一 个 获取 Web 浏览 器 的 程序 ") ) 
document. write( "</CENTER ></FONT >") 

document.write( "浏览 器 名 称 : "+ navigator. appName + "< BR>"); 
document.write(" 版 本 号 : " + navigator.appVersion + "<BR>"); 
document .write( "代码 名 字 : " + navigator. appCodeName + "< BR >"); 
document. write(" 用 户 代理 标识 : " + navigator. userAgent); 
</SCRIPT> 

<BODY> 

</BODY> 

</HTML > 


浏览 器 名 称 : Ji crosoft Internet Explorer 

版 本 号 : 4.0 (compatible; MSIE 5. Obl; Windows 98) 
长 码 名 字 : Nozilla 

用 户 代 理 标识 : Mozilla/4.0 (compatible; NSIE 5. 0bl; 
Windows 98) 


图 3-9 获取 Web 浏览 器 的 程序 
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63 JavaScript 应 用 实例 一 一 JavaScript 表单 验证 


假如 开发 了 一 个 网 站 ,一 天 有 50 名 用 户 注 册 使 用 。 当 浏览 数据 录入 项 时 ,发 现 用 户 提 
供 的 大 部 分 信息 是 错误 的 ,例如 ,电子 邮件 地 址 是 "123. com”, 电 话 号 码 是 "addefgr" 等 。 问 
题 在 于 用 户 提交 注册 信息 之 前 ,忽略 了 表单 验证 这 个 中 间 步 又 。 

大 多 数 要 求 用 户 输入 的 网 站 ,不 管 是 针对 简单 的 邮件 列表 还 是 更 复杂 的 购物 系统 ,都 使 
用 表单 验证 来 减少 系统 数据 库 的 错误 数据 。 因 此 ,程序 表单 验证 可 以 帮助 识别 所 输入 数据 
类 型 的 真实 性 ,减少 错误 数据 进入 数据 库 。 

表单 验证 是 JavaScript 最 常见 的 用 途 之 一 。 对 于 检查 用 户 输入 是 否 存 在 错误 和 是 否 玖 
漏 了 要 求 的 字段 ,JavaScript 是 一 种 十 分 便捷 的 方法 。 正 如 在 客户 端 脚本 中 所 讲 的 ,这 有 助 
于 减少 往返 服务 器 的 次 数 。 

在 以 下 示例 中 ,如 发 生 下 列 情况 ,表单 验证 程序 将 显示 警告 消息 : 

(1) 字段 “名 称 ” 留 为 空白 。 

(2) 性 别 未 选 定 。 

(3) 输入 的 密码 少 于 6 个 字符 。 

(4) 指定 的 电子 邮件 中 没有 字符 “@”。 

(5) 年 龄 不 在 1 一 99 的 范围 内 ,或 者 留 为 空白 。 


<HIML> 
<HEAD> 
<TITLE > 表单 验证 </TITLE > 
< SCRIPT LANGUAGE = \"JavaScript\"> 
= 
function validate( ) 
上 = document. reg_form; 
if(f.uname. value ==\"\") 
{ 
alert(\" 输 入 姓名 \"); 
f£. uname. focus(); 
return false; 
} 
if(f. gender[0].checked == false&&f. gender[1].checked == false) 
{ 
alert(\" 请 指定 性 别 \"); 
f. gender[0]. focus( ); 
return false; 
} 
if((f.password.value. length< 6) || (£. password. value == \"\")) 
{ 
alert(\" 请 输入 至 少 有 6 个 字符 的 密码 !\"); 
£. password. focus(); 
return false; 


} 
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q=f.email.value. indexOf(\"@\") 
if(q== =1) 
{ 
alert(\" 请 输入 有 效 的 电子 邮件 地 址 \"); 
f.email. focus(); 
return false; 
} 
if(f.age. value<1| |f.age. value> 99| |isNaN(f.age. value)) 
{ 
alert(\" 请 输入 有 效 的 年 龄 !\"); 
f.age. focus(); 
return false; 
} [Page] 
} 
[nt 
</SCRIPT > 
</HEAD> 
< BODY onLoad = \"document. reg_form. uname. focus()\" bgColor = \"limegreen\"> 
< FORM NAME = \"reg_form\" onSubmit = \"return validate( )\" action= \"submit. htm\"> 
< CENTER> 
<Hl ><U><FONT color =\"yellow\ "> 欢迎 来 到 Aptech 网 上 家 园 </FONT ></U>< Bl > 
姓名 : 
<BR> 
< INPUT TYPE = \"text\" NAME= \"uname\"> 
和 
性 别 : <BR> 
< INPUT TYPE = \"radio\" NAME =\"gender\" VALUE = \" 男 \"> 男 
< INPUT TYPE = \"radio\" NAME =\"gender\" VALUE =\" 女 \"> 女 
<BR><BR> 
密码 : <BR> 
< INPUT TYPE = \"password\" NAME=\"password\" ID=\"password\"> 
光 玫 入 
电子 邮件 地 址 : < BR> 
< INPUT TYPE = \"text\" NAME= \"email\" ID = \"emailN"> 
<P> 
年 龄 : <BR> 
< INPUT TYPE = \"text\" NAME= \"ageN"> 
<P> 
< INPUT TYPE = \"submit\" NAME=\"submit\" VALUE = \" 注 册 \"> 
</CENTER > 
</FORM> 
</BODY > 
</HTML> 


在 浏览 器 中 打开 时 ,注意 以 上 示例 的 电子 邮件 地 址 验证 ,检查 是 否 包 含 "@ "字符 ,在 复 
杂 的 验证 程序 中 ,一 般 还 需要 通过 检查 空格 和 特殊 字符 来 验证 电子 邮件 地 址 的 合法 性 。 

总 结 : 

(1) 单 选 按钮 对 象 用 于 一 组 相互 排斥 的 值 , 也 就 是 用 户 只 能 从 选项 列表 中 选择 一 项 。 

(2) 单 选 按钮 对 象 的 checked 属性 可 用 于 检查 选项 按钮 是 否 被 选中 。 
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(3) 与 单 选 按钮 对 象 相关 联 的 事件 处 理 程序 是 onBlur、onClick 和 onFocus。 

(4) 列表 框 中 可 选择 的 项 目 是 使 用 < OPTION > 标记 在 < SELECT > 和 </SELECT > 标记 
之 间 定 义 的 。 需 要 使 用 SELECT 对 象 OPTION 对 象 进行 控制 。 

(5) 与 列表 框 对 象 相关 联 的 事件 处 理 程序 是 onBlur .onChange 和 onFocus 。 

项 目 案例 12: 综合 JavaScript 实例 1。 

【题目 】 实际 项 目 开 发 中 ,大 部 分 情况 下 是 根据 网 页 的 特殊 性 ,比如 头 部 页 面 和 尾部 页 
面相 同 ,将 网 页 制作 成 3 个 页 面 : top. htm( 头 部 页 面 ) .bottom. htm( 尾 部 页 面 ) ,index. htm 
( 主 内 容 页 面 ) ,然后 将 top. htm bottom. htm 两 个 页 面 全 部 链接 到 index. htm 页 面 中 ,通过 
JavaScript 代码 实现 ,如 图 3-10 所 示 。 


人 界面 设计 \wz36920040410\canada\gb\index. htm 


简体 中 文 | English | 留学 全 球 留学 快讯 | 关于 我 们 | 本 站 服务 | 在 线 论坛 | 联系 我 们 Canad3 


加 拿 大 高 校 导航 


加 拿 大 高 校 导 航 加 拿 大 高 校 导航 
加 拿 大 高 校 导航 加 拿 大 高 校 导航 
加 拿 大 高 校 导航 加 拿 大 高 校 导航 
加 拿 大 高 校 导航 加 拿 大 高 校 导航 
加 拿 大 高 校 导航 加 拿 大 高 校 导航 
加 拿 大 高 校 导航 加 拿 大 高 校 导航 


认识 加 拿 大 


图 3-10 合成 后 完整 的 index. htm 页 面 


【代码 】 
将 top. htm 文件 加 载 到 index. htm 的 位 置 ( 如 图 3-11 所 示 ): 


< TABLE border = "0" cellpadding = "0" cellspacing = "0" width = "715"> 


<TR> 


<TD width= "715">< SPAN id = "showImport"></SPAN >< IE:Download ID= "oDownload" STYLE = 


"behavior:url(#default# download)" /> <SCRIPT> 


function onDownloadDone( downDate) { 


showImport. innerHTML = downDate 


} 


oDownload. startDownload( 'top. htm', onDownloadDone) 
</SCRIPT ></TD> 


</TR> 
<TR> 


<TD width= "715"></TD> 


</TR> 


</TRBLE > 
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界面 设计 \wz36920040410\canada\ab\top. htn 


由 
转 直 图 向 体 中 文 | zsaisk | 名 学 全球 留学 快讯 | 关于 我 们 | 本 站 服务 | 在 线 论坛 | 联系 我 们 Canad& 


图 3-11 top. htm 的 页 面 


将 bottom. htm 文件 加 载 到 index. htm 的 位 置 ( 如 图 3-12 所 示 ): 


< TABLE border = 
<TR> 
<TD width = "715" height = "3">< SPAN id = "showImport1l"></SPAN >< IE: Download ID = 
"oDownload1" STYLE = "behavior:url(#default# download)" /> < SCRIPT> 
function onDownloadDonel (downDate){ 


0" cellpadding = "0" cellspacing = "0" width= "715"> 


ShowImport1. innerHTML = downDate 
} 
oDownload]1. startDownload( 'bottom. htm', onDownloadDonel ) 
</SCRIPT ></TD> 
</TR> 
</TABLE > 


界面 设计 \wz36920040410\canada\gb\bottom_ htm 


ht 2004 Overseasstud. 


图 3-12 ”bottom. htm 的 页 面 


项 目 案例 13: 综合 JavaScript 实例 2。 
【题目 】 网 站 注册 页 面 用 JavaScript 代码 实现 。 


【代码 】 

< HTML xmlns = "http://www. w3.org/1999/xhtml"> 

< HEAD> 

<TITLE> 注 册页 </TITLE > 

<LINK href = "../CSS/style.css" rel = "stylesheet" type = "text/css” /> 
<STYLE> 


/x 细 线 表格 样式 * / 
/* 加 到 表格 上 的 样式 */ 
.table Tb { 

WIDTH: 70%; 

BORDER - COLLAPSE: collapse; 

border:1px #999999 solid; 
} 
/x* 标题 单元 格 样式 */ 
.TdrTitle { 

BORDER: #999999 1px solid; 


padding: 5px; 
BACKGROUND — COLOR: #d7d4cc; 
TEXT 一 ALIGN: center; 
border 一 top: lpx solid #999999; 
border — right: 1px solid #999999; 
border — bottom: 1px solid #999999; 
border — left: 1px solid #999999; 
} 
/* 内 容 单元 格 样式 * / 
.TdContent { 
BORDER: #999999 lpx solid; 
padding: 5px; 
BACKGROUND — COLOR: #FFFFFF; 
TEXT 一 ALIGN: LEFT; 


border — top: lpx solid #999999; 
border - right: 1px solid # 999999; 
border - bottom: 1px solid #999999; 
border - left: 1px solid #999999; 
} 
</STYLE > 
< script language = " javascript"> 
function checkNull(txtItem, txtName){ 
if (txtItem. value == "") 
{ 
alert(txtName + "不 能 为 空 "); 
txtItem. focus( ); 
return false; 
}else return true; 
} 
function checkItem( itemObj, itemName){ 
var flag = false; 
for(var i=0;i< itemObj. length;i ++ ){ 
if( itemObj[i]. checked){ 
flag= true;} 
} 
if(flag) 
return true; 
else{ 
alert(itemName + "不 能 为 空 "); 
return false; 


} 

} 

function checkForm( ){ 
if ( 
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// 参 数 分 别 表示 文本 框 对 象 及 其 对 应 中 文 
// 若 文本 框 对 象 的 值 为 空 


// 进 行 提醒 

// 将 光标 焦点 指向 该 文本 框 

// 函 数 返回 值 为 假 

// 否 则 表示 填写 过 内 容 , 函数 返回 值 为 真 
// 参 数 分 别 表示 单 选 框 对 象 及 其 对 应 中 文 
// 循 环 检查 单 选 框 对 象 是 耕 被 选中 

// 做 标记 

// 若 被 选中 


// 未 被 选中 
// 提 示 


// 验 证 表单 元 素 是 否 为 空 


checkNul1( document. getElementById("uid"), "用 户 名 ")&& 
checkNull( document. getElementById("pwd"), "密码 ")&& 


checkItem( document. all. sex, "性 别 ")&& 


checkNull( document. getElementById("userFace" ), "头像 ")&& 
checkNull(document. getElementById("email"), "电子 邮件 ")&& 


checkItem(document. all. character, "性 格 ")&& 
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checkItem(document. all. interest, "兴趣 爱好 ") 
) 
document. forms[0].action= '?go= 提交 '; // 表 单 提交 标记 
document. forms[0]. submit( ); 
} 
function checkAll( touch, name) 
{ 
var el = document. getElementsByTagName( 'input'); // 读 取 表单 内 所 有 元 素 
var len = el. length; // 读 取 元 素 的 个 数 
for(var i=0; i<len; i++) // 循 环 元 素 个 数 的 次 数 
{ 
if((el[i].type== "checkbox") && (el[i].name== name) )// 读 取 所 有 名 为 name 的 复 选 框 
{ 
if(document. getElementById(touch) .checked)// 若 用 户 单 击 “ 全 选 ” 
{ 


el[i].checked = true; // 选 中 所 有 复 选 框 

} 

else{ // 用 户 取消 全 选 
el[i].checked = false; // 取 消 所 有 复 选 框 的 选中 


} 
} 
} 
} 
function chgFace( ){ 
document. forms[0]. submit( ); 
} 
</SCRIPT > 
</HEAD > 
< 
uid= Trim(Request("uid")) 
pwd = Trim(Request("pwd")) 
Sex = Trim(Request("sex" ) ) 
userFace = Trim(Request("userFace") ) 
email = Trim(Request("email" ) ) 
character = Trim(Request("character")) 
interest = Trim(Request("interest")) 
go= Trim(Request("go")) 
If go <>"" Then 
> 
提交 成 功 ! 
< 
End If 
%> 
<BODY> 
<CENTER> 
< FORM action = "" method = "post"> 
< TABLE class = "table Tb"> 
< CAPTION > 注册 页 面 </CAPTION > 
<TR> 
<TD class = "TdTitle"> 用 户 名 </TD> 
<TD class = "TdContent"> 
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< INPUT TYPE = "text" NAME= "uid" VALUE = "<% = uid 和 >"> 
</TD> 
</TR> 
<TR> 
<TD class= "TdTitle"> 密 码 </TD> 
<TD class = "TdContent">< INPUT TYPE = "password" NAME= "pwd" VALUE = "<% = pwd %$>"></TD> 
</TR> 
<% 
If sex = " 男 " Then 
cl = "checked" 
Elself sex =“" 女 ”Then 
c2 = ”checked" 
End If 
先 > 
<TR> 
<TD class = "TdTitle"> 性 别 </TD> 
<TD class = "TdContent"> 
< INPUT TYPE = "radio" NAME = "sex”VRLUE =" 男 "<$% = cl1% >> 男 
< INPUT TYPE = "radio" NAME = " sex" VALUE = " 女 "<% =c2%>> 女 
</TD> 
</TR> 
<TR> 
<TD class = "TdTitle"> 头 像 </TD> 
<TD class = "TdContent"> 
< SELECT name = "userFace" onchange = "chgFace();"> 
< OPTION value= "">- 请 选择 - </OPTION > 
<% 
userFace = Trim(Request( "userFace" )) 
Fori = 1To60 
If userFace = "Image"&i&" .gif”Then 


ss=" selected” 
Else 
ss="" 
End If 
%> 
<OPTION value = "Image <% = i%>.gif"<% = ss%>> Image <% = i%></OPTION >> 
<% Next%> 
</SELECT> 
<% If userFace <>"" Then Response. Write ("< IMG src=""../images/"&_ 
"userface/"&userFaceg""">") %> 

</TD> 
</TR> 
<TR> 

<TD class = "TdTitle"> 电 子 邮 件 </TD> 

<TD class = "TdContent">< INPUT TYPE = "text" NAME = "email" VALUE = "<% =email %>"></TD> 
</TR> 
<% 

chrString = "多 重 性 格 ^ 乐 天 达观 ^ 成 熟 稳 重 ^ 幼 稚 调 皮 ^ 温 柔 体 贴 ^ 活 泼 可 爱 ^ 普 普通 通 ^"&_ 
"内 向 害羞 ^ 外 向 开朗 ^ 心 地 善良 ^ 聪明 伶俐 ^ 善 解 人 意 ^ 风趣 幽默 思想 开 放 ^"&_ 
"积极 进取 “小心 着 慎 ^ 郁 郁 守 欢 ^ 正义 正直 “悲观 失意 ^ 好 吃 懒 做 ^ 处 事 酒 脱 ^"&_" 
%> 
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<TR> 
<TD class = "TdTitle"> 性 格 
< input type = "checkbox" name = "caChr" onclick = "checkAll( 'caChr', 'character')" ></TD> 
<TD class = "TdContent"> 
< 
arrChrString = Split(chrString, "^") 
For i = 0 To UBound(arrChrString) 
If UBound(arrChrString)<> 0 Then chrString = arrChrString(i) 
'response. write characterg". "&"chrString"&"< BR>" 
If InStr(character, chrString)<> 0 Then 
c3=" checked" 
Else 
c3="" 
End If 
$%> 
< INPUT TYPE = "checkbox" NAME= "character" ID = "<% =chrString%>" 
VALUE = "<% =chrString%>"<% =c3%>> 
<LABEL for = "<% = chrString %>"><% =chrString% ></LABEL> 


<% 
If iMod5 = 4 Then Response. Write ("<BR>") 
Next 
%> 
</TD> 
</TR> 
< 和 
insString = "唱歌 跳舞 * 体 育 运动 ^ 阅 读书 籍 “ 舞 刀 弄 枪 ^ 邀 游 网 络 " 
第 > 
<TR> 
<TD class = "TdTitle"> 兴 趣 爱 好 
< INPUT type = "checkbox" name = "caIns" onclick = "checkAll('caIns', 'interest')"></TD> 
<TD class = "TdContent"> 
< 和 
arrInsString = Split(insString, "^") 
For i = 0 To UBound(arrInsString) 
If UBound(arrInsString)<> 0 Then insString = arrInsString(i) 
If InStr( interest, insString)<> 0 Then 
c4 = ”checked” 
Else 
C4= 
End If 
%> 
< INPUT TYPE = "checkbox" NAME= "interest" ID = "<% = insString %>" 
VALUE = "<% = insString% >"<% =c4%>> 
<LABEL for = "<% = insString %>"><% = insString% ></LABEL> 
<%Next%> 
</TD> 
</TR> 
</TABLE ><BR><BR> 
< INPUT TYPE = "button” NAME = "go" VALUE=" 提交 " onclick= "return checkForm();"> 
</FORM> 
</BODY > 


</HIML> 
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@.8 本 章 小 结 


JavaScript 是 一 种 基于 对 象 和 事件 驱动 的 脚本 语言 。JavaScript 代码 在 客户 端 浏览 器 
被 解释 执行 。 它 可 以 做 入 到 HTML 文件 中 ,用 户 通过 JavaScript 输入 信息 时 ,不 传 给 服务 
器 ,直接 在 本 地 客户 端 进行 相应 的 程序 处 理 , 省 去 了 网 络 传输 花费 的 时 间 。 

在 JavaScript 语言 中 也 有 固定 的 语法 ,比如 变量 、 数 据 类 型 .表达 式 、 选 择 语句 \ 循 环 语 
句 等 。JavaScript 是 基于 对 象 的 语言 ,采用 事件 驱动 的 方式 ,使 得 输入 简单 化 ,直接 可 以 操 
作 鼠 标 或 键盘 进行 操作 。 


6.3 思考 与 练习 


1. JavaScript 语言 的 特点 有 哪些 ? 

2. 简要 叙述 JavaScript 的 运行 原理 。 

3， 编写 用 户 选择 图 像 的 功能 : 将 图 像 名 称 设置 成 下 拉 列 表 控件 , 当 用 户 选 择 某 个 图 像 
后 ,可 以 在 页 面 中 将 这 个 图 像 显 示 出 来 。 

4. 能 够 利用 JavaScript 设计 并 实现 网 站 的 注册 页 面 (参考 项 目 案例 13)。 

5. 编写 一 个 JavaScript 代码 设计 的 数字 时 钟 。 

6. 利用 JavaScript 编写 水 中 倒影 效果 。 
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ASP 内 置 对 象 | 


ASP 的 对 象 之 所 以 叫 内 置 对 象 , 是 因为 这 些 对 象 是 由 运行 环境 自动 产生 的 ,而 无 须 用 
户 自己 去 创建 它们 。 也 就 是 说 ,不 需要 实例 化 过 程 就 能 直接 使 用 这 些 对 象 所 提供 的 属性 、 方 
法 和 集合 。 

学 习 目标 及 要 求 

(1) 掌握 Response 对 象 的 使 用 方法 。 

(2) 掌握 Request 对 象 的 使 用 方法 。 

(3) 能 够 运用 Application 实现 计数 功能 。 

(4) 利用 Session 对 象 保 存 对 象 信息 。 

(5) 了 解 Excute Transfer 方法 和 人 Response. Redirect 的 区 别 。 


人 1i ASP 内 置 对 象 简介 


ASP 的 6 个 内 置 对 象 是 设计 功能 强大 的 Web 应 用 程序 的 基础 。 下 面 对 这 6 个 对 象 作 
一 简单 介绍 。 

(1) Response: 将 信息 发 送 给 客户 端 浏览 器 。 

(2) Request: 从 客户 端 浏览 器 取得 信息 。 

(3) Session: 存储 一 个 Session 会 话 过 程 中 的 用 户 信息 , 它 仅 可 被 该 用 户 访问 。 

(4) Application: 在 一 个 ASP 应 用 程序 中 存储 给 不 同 客户 端 共享 的 信息 。 

(5) Server: 提供 Web 服务 器 的 一 些 组 件 。 

(6) ObjectContext: 提交 撤销 ASP 脚本 初始 化 的 事务 。 


人 2 Request 对 象 


通过 Request 对 象 ,可 以 收集 到 客户 端 浏览 器 的 Form、Cookies、 超 链接 和 服务 器 的 环 
境 变 量 。 因 此 ,Request 为 ASP 程序 提供 执行 时 的 数据 ,如 果 没 有 Request 对 象 ,那么 ASP 
程序 就 失去 了 与 客户 端 联系 的 交互 功能 。 


4.2.1 Request 对象 的 属性 与 方法 
Request 对 象 提供 了 4 个 集合 ,可 以 用 来 访问 客户 端 对 Web 服务 器 请 求 的 各 类 信息 ,这 
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些 集合 如 表 4-1 所 示 。 
表 41 Request 对 象 的 集合 及 说 明 


集合 名 称 说 明 

ClientCertificate 当 客 户 端 访问 一 个 页 面 或 其 他 资源 时 ,用 来 向 服务 器 表明 身份 的 客户 证 书 的 所 
有 字段 或 条 目的 数值 集合 ,每 个 成 员 均 为 只 读 

Form METHOD 的 属性 值 为 POST 时 ,所 有 作为 请 求 提交 的 < FORM > 段 中 的 HTML 
控件 单元 的 值 的 集合 ,每 个 成 员 均 为 只 读 

QueryString 依附 于 用 户 请 求 的 URL 后 面 的 名 称 /数值 对 或 者 作为 请 求 提交 的 且 METHOD 
属性 为 GET( 或 者 省 略 其 属性 ) 的 ,或 <FORM > 中 所 有 HTML 控件 单元 的 值 ,每 
个 成 员 均 为 只 读 

ServerVariables 随同 客户 端 请 求 发 出 的 HTTP 报头 值 ,每 个 成 员 均 为 只 读 


Request 对 象 唯一 的 属性 及 说 明 如 表 4-2 所 示 , 它 提供 用 户 请 求 的 字 节 数量 的 信息 , 它 
很 少 用 于 ASP 页 ,我 们 通常 关注 指定 值 而 不 是 整个 请 求 字 符 串 。 
表 4-2 Request 对 象 的 属性 
属性 说 明 
TotlBytes 只 读 , 返 回 由 客户 端 发 出 的 请 求 的 整个 字 节 数量 


Request 对 象 唯一 的 方法 及 说 明 如 表 4-3 所 示 , 它 允许 访问 从 一 个 < FORM > 段 中 传递 
给 服务 器 的 用 户 请 求 部 分 的 完整 内 容 。 
表 4-3 Request 对 象 的 方法 及 说 明 
方法 说 明 
当 数 据 作 为 POST 请 求 的 一 部 分 发 往 服务 器 时 ,从 客户 请 求 中 获得 Count 字 节 
的 数据 ,返回 一 个 Variant 数组 (或 者 SafeArray)。 如 果 ASP 代码 已 经 引用 了 
Request. Form 集合 ,这 个 方法 就 不 能 用 。 同 时 ,如 果 用 了 BinaryRead 方法 ,就 不 
能 访问 Request. Form 集合 


BinaryRead (count) 


4.2.2 ” Request.Form 集合 


Form 数据 集合 是 Request 对 象 中 最 常用 的 数据 集合 , 它 检索 的 是 以 POST 方式 提交 的 
HTML 表单 元 素 的 数据 。 其 语法 如 下 : 

表单 对 象 内 容 = Request.Form(" 表 单 对 象 名 称 ") 或 

表单 对 象 内 容 = Request. Form(" 索 引 值 ") 
其 中 ,“ 表 单 对 象 名 称 ” 是 要 检索 的 表格 元 素 的 名 称 .“ 索 引 值 ”是 访问 某 参 数 中 多 个 值 中 的 一 个 。 

Request 是 ASP 对 象 ,Form 则 是 Request 对 象 所 包含 的 对 象 集合 。 

【 例 4-1】 用 户 名 和 密码 的 提交 。 

【代码 】 


< FORM action = "5 — 4b.asp" method = "post"> 
用 户 名 : < INPUT type = "text"? name = "yourname">< BR> 
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密码 : < INPUT type = "password" name = "Yourpwd">< BR> 
< INPUT type = "submit" value = "submit"> 
</FORM> 
<$% Dim jvName, jvPass 
jvName = Request. Form("jvName") 
jvPass = Request. Form( "jvPass") 
Response. Write "您 的 用 户 名 " 
Response. Write jvName 
Response. Write "和 密码 是 " 
Response. Write jvPass %> 


4.2.3 ” Request. QueryString 集合 


QueryString 集合 用 来 收集 以 GET 方式 提交 的 数据 表单 ,而 以 POST 方式 提交 的 表单 
数据 则 用 Form 集合 来 收集 。 
QueryString 数据 集合 与 Form 数据 集合 在 实现 上 没有 太 大 的 区 别 , 主 要 的 区 别 在 于 前 
者 是 通过 取得 HTTP 的 附加 参数 来 传递 数据 (附加 参数 通常 是 使 用 *?” 来 连接 的 ,多 个 参数 
间 用 *&." 隔 开 ) ,而 后 者 是 通过 单独 的 数据 包 来 传递 数据 。 
【 例 4-2〗 输入 信息 平台 表单 。 
【代码 】 
<FORM action = "5 — 5b.asp" method = "get"> 
Your name:< INPUT tpye = "text"? name = "yourname"><BR> 
Your pwd: < INPUT type = "password" name = "yourpwd"><BR> 
< input type = "submit" value = "submit"> 
</FORM> 
<% Dim jvName, jvPass 
jvName = Request. Querystring("jvName") 
jvPass = Request.Querystring("jvPass") 
Response. Write "您 的 用 户 名 " 
Response. Write jvName 
Response. Write "和 密码 是 " 
Response. Write jvPass %> 


比较 : Request. Form 和 Request. QueryString 的 区 别 
Request. Form 提取 用 Post 方法 发 送 的 表单 数据 ; 而 Request. Querystring 提取 URL 
参数 传递 的 值 或 以 Get 方法 提交 的 表单 数据 ,比如 常用 的 “隐藏 域 ”。 


4.2.4 ” Request.ServerVariables 集合 


ServerVariables 数据 集合 负责 取得 Web 服务 器 端的 环境 变量 (server environment 


variable) ,检索 预定 的 环境 变量 。 
同样 ,可 以 利用 环境 变量 的 名 称 来 取得 指定 的 环境 变量 的 值 ,语法 如 下 : 


Request. ServerVariables(" 环 境 变量 的 名 称 ") 
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其 中 ,环境 变量 的 名 称 ? 表 示 环 境 变量 名 称 字符 串 ,常用 的 环境 变量 如 下 。 
。LOCAL_ADDR: 服务 器 端 IP 地 址 。 
。REMOTE_ADDR : 客户 端 IP 地 址 。 
。 SCRIPT_NAME: 正在 运行 的 脚本 文件 的 路 径 信息 。 
【 例 4-3】〗 显示 来 访 者 的 IP 地 址 (如 图 4-1 所 示 ) 。 
<% 
Response. Write "来 访 者 IP 地 址 是 : " 
Response. Write 
Request. ServerVariables 


("Remote_ Addr") 
多 > 


E TO 
文件 (E) 编辑 E) ”查看 (WW) 收 送 (和 ) 工具 (D 帮助 (J) | 者 
回 撒 - 昌 -四 国名 | 记 扫 过 冯 收 项 天 名 | DD * 


地 址 (9) | 四 http:/hiocahostjasptempjchapter4/4-8.asp 了 | 园 苇 到 | 链接 > 


来 访 者 IP 地 址 是 : 127. 0. 0. 1 


图 4-1 显示 来 访 者 的 IP 地 址 


总 结 : Request 对 象 的 使 用 方法 。 

Request 对 象 包含 3 个 对 象 : form、querystring、servervarivables。ASP 内 置 对 象 除了 
对 象 集合 外 还 有 对 象 属性 、 对 象 方法 。Request 对 象 的 对 象 属性 只 有 一 个 ,就 是 TotalBytes 
(接受 的 字 节 数 ) ,可 将 <% 二 request. ode le ASP 页 
面 中 进行 显示 。Request 对 象 的 对 象 方法 只 有 一 个 : BinaryRead, 此 属性 不 常用 。 


人 3 Response 对 象 


Response 对 象 可 以 把 ASP 程序 在 服务 器 执行 后 的 结果 发 送 到 客户 端的 浏览 器 ,让 客 
户 可 以 看 见 结果 ,如 图 4-2 所 示 。 同 时 ,也 可 以 通过 Response 对 象 设置 客户 端 浏览 器 的 状 
态 ,比如 设置 Cookies,Cookies 是 一 种 跟踪 客户 端 状 态 
的 技术 ,网 站 利用 Cookies 来 记录 访问 网 站 的 次 数 频 发 送 请 求 
率 , 而 Cookies 就 是 那些 保存 在 Windows 系统 目录 [| 
Cookies 里 的 文件 ,这 些 文件 可 以 供 网 站 重新 读 取 和 设 | -党 > 
置 , 用 来 跟踪 客户 的 状态 。Request 和 Response 两 者 功 客户 端 ”响应 请 求 
能 紧密 配合 ,一 个 负责 收集 , 另 一 个 负责 输出 。 Responie 对 多 

Response 对 象 的 主要 功能 是 由 服务 端 发 送信 息 到 图 4-2 Request 和 Response 客户 端 
客户 端 。Response 对 象 属性 和 方法 如 表 4-4 所 示 。 和 服务 器 示意 图 


第 4 章 “ASP 内 置 对 象 


表 4-4 ， Response 对 象 属性 和 方法 


名 称 含义 举例 
Response. Write() 向 客户 端 浏览 器 发 送信 息 Response. Write("Hello World!") 
Response. Redirect() 重 定 向 客户 端 浏览 器 Response. Redirect (".. /Text. asp") 
方 Response. Cookies() 写 入 客户 端 Cookie 值 Response. Cookies("Login")="True" 
Response. Flush() 清除 缓冲 Response. Flush() 
Response. End() 结束 ASP 程序 的 执行 Response. End() 
属性 Response. Buffer 缓冲 页 面 Response. Buffer= True/False 


4.3.1 Response 对 和 象 的 属性 和 方法 


Response 对 象 只 有 一 个 集合 ,如 表 4-5 所 示 , 该 集合 设置 希望 放置 在 客户 系统 上 的 
Cookie 的 值 , 它 直接 等 同 于 Request. Cookies 集合 。 
表 4-5 Response 对 象 集合 
集合 名 称 说 明 
Cookies 在 当前 响应 中 发 回 客户 端的 所 有 Cookie 的 值 ,这 个 集合 为 只 写 


Response 对 象 也 提供 一 系列 的 属性 ,可 以 读 取 ( 多 数 情况 下 ) 和 修改 ,使 响应 能 够 适应 
请 求 。 这 些 由 服务 器 设置 .我 们 无 须 设置 它们 。 需 要 注意 的 是 , 当 设 置 某 些 属性 时 ,使 用 的 
语法 可 能 与 通常 所 使 用 的 有 一 定 的 差异 。Response 对 象 属性 与 说 明 如 表 4-6 所 示 。 
表 4-6 Response 对象 属 性 与 说 明 
属 性 说 明 

Buffer=True| False 读 / 写 ,布尔 型 。 表明 由 一 个 ASP 页 所 创建 的 输出 是 否 一 直 存放 
在 JS 缓冲 区 ,直到 当前 页 面 的 所 有 服务 器 脚本 处 理 完毕 或 
Flush、End 方 法 被 调用 。 在 任何 输出 (包括 HTTP 报 送信 息 ) 送 
往 ITS 之 前 这 个 属性 必须 设置 。 因 此 在 . asp 文件 中 ,这 个 设置 应 
该 在 <%@LANGUAGE 二 …%> 语 句 后 面 的 第 一 行 。ASP 3. 0 默 
认 设 置 缓冲 为 开 (True) ,而 在 早期 版 本 中 默认 为 关 (False) 


CacheControl*setting” 读 / 写 ,字符 型 。 设 置 这 个 属性 为 "Public" 允 许 代理 服务 器 缓存 页 
面 , 如 为 “Private" 则 禁止 代理 服务 器 缓存 的 发 生 

Charset 一 “value” 读 / 写 ,字符 型 。 在 由 服务 器 为 每 个 响应 创建 的 HTTP Content- 
Type 报头 中 附 上 所 用 的 字符 集 名 称 ( 例 如 ISO-LATIN-7) 

Content Type 一 “MIME-type” 读 / 写 ,字符 型 。 指 明 响应 的 HTTP 内 容 类 型 ,标准 的 MIME 类 型 


(例如 “text/xml” 或 者 "Image/gif”)。 假 如 缺 省 ,表示 使 用 MIME 
类 型 *text/html” ,内容 类 型 告诉 浏览 器 所 期 望 内 容 的 类 型 

Expires minutes 读 / 写 , 数 值 型 。 指 明 页 面 有 效 的 以 分 钟 计算 的 时 间 长 度 ,假如 用 
户 请 求 其 有 效 期 满 之 前 的 相同 页 面 ,将 直接 读 取 显 示 缓 冲 中 的 内 
容 , 这 个 有 效 期 过 后 ,页 面 将 不 再 保留 在 私有 (用 户 ) 或 公用 (代理 
服务 器 ) 缓 冲 中 

Expires Absolute # date [time]# ” 读 / 写 , 日 期 /时 间 型 。 指 明 当 一 个 页 面 过 期 和 不 再 有 效 时 的 绝对 
日 期 和 时 间 
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属 性 


续 表 
说 明 


IsClientConnected 


PICS(*PICS-Label-string”) 


Status 一 “Code message” 


只 读 , 布尔 型 ,返回 客户 是 否 仍 然 连接 和 下 载 页 面 的 状态 标志 。 在 
当前 的 页 面 已 执行 完毕 之 前 ,假如 一 个 客户 转移 到 男 一 个 页 面 ,这 
个 标志 可 用 来 中 止 处 理 ( 使 用 Response. End 方法 ) 

只 写 , 字 符 型 。 创 建 一 个 PICS 报头 定义 页 面 内 容 中 的 词汇 等 级 ， 
如 暴力 ,性 .不良 语 言 等 

读 / 写 ,字符 型 。 指 明 发 回 客户 的 响应 的 HTTP 报头 中 表明 错误 或 
页 面 处 理 是 否 成 功 的 状态 值 和 信息 。 例 如 "200 OK” 和 ”404 Not 


Found” 


Response 对 象 提供 一 系列 的 方法 ,如 表 4-7 所 示 , 人 允许 直接 处 理 为 返回 给 客户 端 而 创 


建 的 页 面 内 容 。 


方 ”法 


AddHeader(“name”, “content”) 


AppendToLog( string”) 


BinaryWrite(safeArray) 


Clear() 

End() 

Flush() 
Redirect(“url”) 


Write(“string”) 


表 4-7 Response 对 象 的 方法 与 说 明 
说 明 

通过 使 用 name 和 Content 值 创建 一 个 定制 的 HTTP 报头 ,并 增加 到 
响应 之 中 ,不 能 替换 现 有 的 相同 名 称 的 报头 ,一 旦 已 经 增加 了 一 个 报 
头 就 不 能 被 删除 。 这 个 方法 必须 在 任何 页 面 内 容 ( 即 text 和 
HTML) 被 发 往 客户 端 前 使 用 
当 使 用 W3C Extended Log File Format 文件 格式 时 ,对 于 用 户 请 求 
的 Web 服务 器 的 日 志文 件 增加 一 个 条 目 。 至 少 要 求 在 包含 页 面 的 
站 点 的 Extended Properties 页 中 选择 URL Stem 
在 当前 的 HTTP 输出 流 中 写 和 人 Variant 类 型 的 SafeArray, 而 不 经 过 
任何 字符 转换 。 对 于 写 人 非 字 符 串 的 信息 ,例如 定制 的 应 用 程序 请 
求 的 二 进 制 数据 或 组 成 图 像 文 件 的 二 进 制 字 节 是 非常 有 用 的 
当 Response. Buffer 为 True 时 ,从 IIS 响应 缓冲 中 删除 现存 的 缓冲 页 
面 内 容 , 但 不 删除 HTTP 响应 的 报头 ,可 用 来 放弃 部 分 完成 的 页 面 
让 ASP 结束 处 理 页 面 的 脚本 ,并 返回 当前 已 创建 的 内 容 , 然 后 放弃 
页 面 的 任何 进一步 处 理 
发 送 IIS 缓冲 中 所 有 当前 缓冲 页 给 客户 端 。 当 Response. Buffer 为 
True 时 ,可 以 用 来 发 送 较 大 页 面 的 部 分 内 容 给 个 别 的 用 户 
通过 在 响应 中 发 送 一 个 “302 Object Moved”HTTP 报头 ,指示 浏览 器 
根据 字符 串 url 下 载 相应 地 址 的 页 面 
在 当前 的 HTTP 响应 信息 流 和 IIS 缓冲 区 写 入 指定 的 字符 ,使 之 成 
为 返回 页 面 的 一 部 分 


4.3.2 Response. Write 方法 


该 方法 把 数据 以 HTML 格式 发 送 到 客户 端 浏览 器 ,向 客户 端 输出 信息 。 


语法 : 


Response. Write 变量 数据 或 字符 串 
如 : Response. Write "您 来 访 的 日 期 是 " & Date() ' 输 出 一 个 字符 串 表达 式 ' 
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简略 语法 : 

<% = 变量 数据 或 字符 串 %> 

【 例 4-4】 向 屏幕 输出 "Hello,world!”。 
<% Response. write "Hello, world!" %> 


这 样 , 会 在 客户 端 浏览 器 上 左 端 项 角 显 示 “ Hello, world!1” 字 样 。 当 然 也 可 以 用 下 段 程 
序 代替 : 


<$ = "Hello,world!"%>ze=n face= charnames color = #n> 


4.3.3 ”Response. Redirect 方法 


Redirect 方法 实现 页 面 重 定位 ,使 浏览 器 可 以 重新 定位 到 另 一 个 URL 上 。 这 样 , 当 客 
户 发 出 Web 请 求 时 ,客户 端的 浏览 器 类 型 已 经 确定 ,客户 被 重新 定位 到 相应 的 页 面 。 如 下 
面 两 个 程序 是 根据 在 表单 中 不 同 的 选择 ,而 重新 定位 到 不 同 的 URL 页 面 上 。 

语法 为 : 


Response. Redirect url 


其 中 ,url 表示 相对 路 径 、 绝 对 路 径 或 URL 字符 串 。 


例如 : 

< 和 
Response. Redirect "http://www. sina. com. cn" "引导 至 新 浪 网 
Response. Redirect "4— 1.asp" "引导 至 站 内 其 他 网 页 
Response. Redirect strURL "引导 至 变量 表示 的 网 址 

%> 


【 例 4-5】 Redirect 方法 的 使 用 。 
程序 1: 表单 示例 (如 图 4-3 所 示 ) 。 


<HTML> 
<HEAD> 

<TITLE>5- 2.asp 示例 </TITLE> 

</HEAD> 

< BODY> 

< FORM aciton = "5 — 2b.asp" method = "post"> 

< SELECT name = "wheretogo"> 

< OPTION selected value = "163"> 163 </OPTION > 

< OPTION value = "ccniit"> ccniit </OPTION> 
</SELECT> 

< INPUT type = submit name = "jump" value = "Jump"> 
</FORM> 

</BODY > 

</HTML > 


程序 2: 表单 处 理 及 转向 程序 (如 图 4-4 所 示 )。 


<% response. buff = true 委 > 
<HIML> 
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<HEAD> 
<TITLE>5 一 2b.asp Redirect 示例 </TITLE> 
</HEAD> 
<BODY> 
<% 
where = Request. form( "wheretogo") 
Select Case where 
case "163" 
response. redirect " http://www. 163.com/" 
case "ccniit" 
response. redirect " http://www.ccniit. com/" 
End Select 
先 > 
</BODY> 
<HIML> 


=I5x 
文件 四 编辑 邓 ) 查看 W， 收 训 和 工具) 必 助 如 | 避 


昌 恨 - 司 " 国 辐 的 | 有 P 抽 让 加 |D- ” 


地 址 四 ) | 外 http://1ocalhost/exanple/5-2 ssp ”到 加 甘 到 | 流 接 
ccniit 到 Tom 


图 4-3 表单 示例 


副 成 邦 东 软 信息 技术 职业 学 院 ~ miceresoft Internet Ezpleree _=|Djxl 
文件 四 编辑 中 ”查看 WW 收 蕊 办。 工具 CD 帮助 0 | 必 
有 -加 7 四 国 的 | 记 抽 六 中 二 天 克 | 站 -避风 -DD > 


地 址 他 | 者 http: /ww ceniit. com/index. aspl 可 园 和 | | 馆 按 


2006 年 3 月 6 日 


图 4-4 表单 处 理 及 转向 程序 
4.3.4 Response.Cookies 集合 


Response 对 象 的 Cookies 数据 集合 是 负责 取得 记录 在 客户 端的 Cookies 数据 ,允许 用 
户 检索 在 HTTP 请 求 中 发 送 的 Cookie 的 值 。 其 语法 如 下 : 
CookieValue = Request. Cookies(CookieName) [ (key) |. Attribute] 


其 中 ,Key 参数 表示 可 以 从 Cookies 目录 中 取得 Cookies 的 值 , 即 用 于 从 Cookie 字典 中 检索 
关键 字 的 值 ,是 一 个 选择 性 参数 。 


第 4 章 ASP 内 置 对 象 


获取 客户 端 Cookies 信息 ,前 提 是 已 经 使 用 Response. Cookies (“变量 ”) 写 入 Cookies 
中 数据 。 

设置 Cookies 的 方法 : 

1) 设置 不 含 关键 字 的 单 值 Cookie 

设置 单 值 Cookie 很 简单 ,只 要 指定 Cookie 名 称 和 它 的 值 即 可 。 例 如 : 


<% Response. Cookies("strName") = "高 航 " %> 


2) 设置 含 关键 字 的 多 值 Cookie 

多 值 Cookie 就 类 似 于 一 个 数组 ,可 以 包含 多 个 元 素 , 分 别 用 关键 字 指定 即 可 。 例 如 ， 

< 和 

Response. Cookies("strUser") ("name") = " 刘 晶 " 

Response. Cookies("strUser")("age") = 23 

> 

3) 设置 Cookie 的 有 效 期 

如 果 不 设置 Cookie 的 有 效 期 , 则 关闭 浏览 器 后 该 Cookie 就 消失 了 ,下 面 就 针对 上 面 的 
例子 设置 有 效 期 : 


<% 
Response. Cookies("strName"). Expires= #2012-1-8# "设置 单 值 cookie 有 效 期 
Response. Cookies("strUser") .Expires= #2012-1-8# "设置 多 值 cookie 有 效 期 
%> 


【 例 4-6】 Cookies 集合 的 用 法 。 


<% Response. Cookies("Login") = "true” 
If Request. Cookies("Login") = "true" Then 
Response. Write ("欢迎 登录 !") 
Else 


Response. Write ("请 先 登录 !") 
End If %> 
小 知识 : 个 人 计算 机 的 Cookie 设置 
由 于 IE 浏览 器 的 默认 设置 是 “中 级 ”, 即 限制 部 分 网 站 对 Cookie 的 利用 ,所 以 要 进行 
Cookie 的 设置 。 
操作 方法 : 在 IE 中 选择 菜单 “工具 ”一 “Internet 选项 ”一 “隐私 ”查看 和 修改 Cookie。 


4.3.5 ” Response. End 方 法 


End 方法 用 于 告知 Active Server 当 遇 到 End 时 停止 处 理 ASP 文件 。 如 果 Response 
对 象 的 Buffer 属性 设置 为 True, 这 时 End 方法 即 把 缓存 中 的 内 容 发 送 到 客户 并 清除 缓冲 
区 。 所 以 要 取消 所 有 向 客户 的 输出 ,可 以 先 清除 缓冲 区 ,然后 利用 End 方法 ,如 下 面 程序 所 
示 ,程序 运行 结果 如 图 4-5 所 示 。 

<% response. Write "hello" 


response. End 
response. Write " world" $$> 
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EB TO ox) 
文件 日 ”编辑 加 ”查看 (收藏 铅 工具 (D 帮助 H ”| 
EE- 省 -固有 加 人身 | 用 扫 霖 悦 收 京 天 | 
地 址 (D) | 图 httpijfocahostjexampie/5.3.asp 荆 ] 人 0 轴 到 | 链接 ” 
司 


hello 


图 4-5 End 方法 示意 图 


G4 Application 对 象 


4.4.1 Application 对 象 的 属性 和 方法 


Application 对 象 是 个 应 用 程序 级 的 对 象 ,用 来 在 所 有 用 户 间 共 享 信息 ,并 可 以 在 Web 
应 用 程序 运行 期 间 持久 地 保持 数据 。Application 对 象 成 员 包括 Application 对 象 的 集合 、 
方法 和 事件 ,如 表 4-8 所 示 。 
表 4-8 Application 对 象 的 方法 与 说 明 


集合 和 方法 描 述 

Contents 没有 使 用 < object > 元 素 定义 的 存储 于 Application 对 象 中 的 所 
有 变量 和 其 值 的 集合 ,包括 Variant 数组 和 Variant 类 型 对 象 
实例 的 引用 

StaticObjects 使 用 <object > 元素 定义 的 存储 于 Application 对 象 中 的 所 有 变 
量 和 其 值 的 集合 

Contents. Remove( “variable_name”) 从 Application. Contents 集合 中 删除 名 为 variable_name 的 
变量 

Contents. RemoveAll(O) 从 Application. Contents 集合 中 删除 所 有 变量 

Lock() 方 法 锁定 Application 对 象 ,使 得 只 有 当前 的 ASP 页 面 可 访问 数 
据 。 用 于 确保 允许 通过 两 个 用 户 同时 读 取 和 修改 该 值 的 方法 
而 进行 的 并 发 操作 不 会 破坏 数据 

Unlock() 方 法 解除 在 Application 对 象 上 的 ASP 网 页 锁定 

OnStart 事件 在 建立 Application 对 象 时 产生 该 事件 ,用 于 初始 化 变量 、 创 
建 对 象 和 运行 其 他 代码 

OnEnd 事件 在 结束 Application 对 象 时 产生 该 事件 ,释放 存储 在 应 用 程序 
中 的 所 有 变量 


Application 对 象 的 作用 是 记载 所 有 用 户 的 共享 信息 。 

Application 对 象 的 有 效 期 是 从 应 用 程序 启动 后 第 一 个 用 户 开 始 访问 到 所 有 用 户 都 结 
东 访 问 。 

Application 对 象 的 主要 数据 集合 是 Contents, 其 作用 是 获取 脚本 中 添加 的 Application 
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变量 集合 。 
Application 对 象 的 方法 如 下 。 
。 Lock: 锁定 Application 对 象 ,此 时 其 他 用 户 就 不 能 再 修改 Application 中 变量 的 值 。 
。 UnLock: 解除 锁定 的 Application 对 象 。 


Application 对 象 的 事件 如 下 。 
。 Application_OnStart: 当 应 用 程序 的 第 一 个 用 户 访问 时 ,会 触发 该 事件 ,执行 其 中 的 
语句 。 


。 Application_ OnEnd: 当 应 用 程序 关闭 时 触发 该 事件 ,执行 其 中 的 语句 。 
【 例 4-7】 Application 对 象 的 应 用 。 


<% Dim itemName, itemPwd, itemTime 

Application ("itemName") = "启蒙 星 2.0" 

Application ("itemPwd") ="62768866" 

Application ("itemTime") = #2008-9-1# 

itemName = Application ("itemName") 

itemPwd = Application ("itemPwd") 

itemTime = Application ("itemTime") 

Response. Write Application("itemName" )&" 在 线 学 习 系 统 的 通用 密码 为 "&Application(" itemPwd")&", 
发 布 时 间 为 "&Application("itemTime") > 


【 例 4-8〗 Application 对 象 实现 的 计数 器 。 


<HIML> 
<BODY> 
<H2 align= "center"> my web </H2 > 
<% 
Application. Lock ' 锁 定 
Application("INTall") = Application("INTall") +1 “计数 
Application. Lock "解除 锁定 
Dim visit 
visit = Application("INTall") "获取 变量 值 
Response. Write"< p> 您 是 第 "gvisitg" 位 访客 。" 
%> 
</BODY ></HTML > 


4.4.2 使 用 Application 对 象 制作 网 络 聊天 室 


网 络 聊 天 室 是 一 个 比较 复杂 的 系统 。 由 于 要 在 多 个 用 户 之 间 显 示 聊 天 内 容 , 会 用 到 
Application 对 象 ,在 传递 用 户 的 信息 时 ,可 以 使 用 Session 对 象 。 此 外 ,还 将 频繁 使 用 
Request 和 Response 等 对 象 。 聊 天 室 中 需要 使 用 ASP 的 多 个 对 象 ,并 根据 实际 情况 设计 出 
符合 要 求 的 程序 。 需 要 用 到 的 Application 的 操作 存储 信息 的 语法 如 下 : 


Application(variable_name) = 变量 或 字符 串 信 息 


保存 Application 信息 时 ,需要 先 锁定 ,然后 再 解除 锁定 。 
利用 Application 对 象 存储 数组 信息 和 Session 对 象 类 似 , 也 必须 把 数组 当成 一 个 整体 
存 人 和 读 取 ,只 是 存储 时 别 忘 了 Lock 和 Unlock 就 行 了 。 语 法 如 下 : 
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Application("Application 数组 ") = 数组 变量 


获取 Application 信息 的 语法 如 下 : 
a= Application("Session 数组 ") 
【 例 4-9】 存储 示例 。 


< 和 
Dim strNames(1) 
strNames(0) = " 白 靶 " 
strNames(1) = " 海 起 " 
Application. Lock 
Application("strNames") = strNames 
Application. Unlock 

多 > 


下 面 是 读 取 示 例 : 


< 多 
Dim strNames 
StrNames = Application("strNames") 
Response. Write strNames(0) & 
Response. Write strNames(1) & 

%> 


项 目 案例 1: 网 络 聊天 室 ( 如 图 4-6 所 示 )。 


"声明 一 个 长 度 为 2 的 数组 


"锁定 
' 给 application 变量 赋值 
"解除 锁定 


"声明 一 个 普通 变量 

' 读 取 Application 变量 
"您 好 ,欢迎 您 <br >" 
"您 好 ,欢迎 您 <br >" 


Bp &pplication 对 象 示例 - Microsoft Internet Explorer 


文件 中 编辑 到 ) 查看 W) 收藏 W) 工具 加 ) 


@an- 日 - 国 国 的 Pr 丙 wax 因 | 合 - 且 


地 站 名) | 机 http://1ocalhost/asptenp/chapter5/5-6. asp 


xx 园 关 | 


1inlin 说 :没有 捷径 ， 多 读 多 绑 
babi 说 :怎样 才能 学 好 ASP? 
1inlin 说 :欢迎 大 家 光临 


图 4-6 网 络 聊天 室 示意 图 


【代码 】 


1) frame. asp 


<HIML> 
< FRAMESET rows = " x ,60"> 


<FRAME name = "message" src=" chartl.asp"> 
<FRAME name = "say" src= "chart2.asp"> 


</FRAMESET > 
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</HIML> 
2) chartl. asp 


<HIML> 
<HEAD> 

<TITLE > 留言 页 面 </TITLE > 

<META http - equiv = "refresh" content = "5"> 
</HEAD > 
<BODY> 

<$% Response. Write Application("strChat") > ' 显 示 聊 天 的 内 容 

</BODY> 
</HIML > 


3) chart2. asp 


<HIML> 
<BODY> 
<FORM name = "form1" method= "post" action = ""> 
上 昵称: < INPUT type = "text" name = "txtName" size="10"> 
发 言 : < INPUT type = "text" name = "txtSay" size="30"> 
<INPUT type = "submit"” value = "发 送 "> 
</FORM> 
< 和 
"如 果 提 交 了 表单 ,将 发 言 内 容 添 加 到 application 对 象 中 
if Trim(Request. Form("txtName"))<>""And 
Trim(Request. Form( "txtSay"))<>""Then 
"获取 本 次 发 言 字符 串 , 包 括 发 言 人 和 发 言 内 容 


Dim strSay 
strSay = Request. Form("txtName")&" 说 : "&Request. Form("txtSay")&"< br >" 
' 将 本 次 发 言 添加 到 聊天 内 容 中 
Application. Lock "锁定 
Application("strChat") = strSay & Application("strChat") 
Application. Unlock "解锁 
End if 
$%> 
</BODY > 
</HTML > 


人 5 Session 对 象 


HTTP 协议 是 一 种 无 状态 (stateless) 的 协议 ,利用 HTTP 协议 无 法 跟踪 上 


户 。 服 务 器 


完成 用 户 的 请 求 后 ,服务 器 将 不 能 再 继续 保持 与 该 用 户 浏览 器 的 连接 。 利 用 Session 可 以 


存储 浏览 者 的 一 些 特定 信息 。 
在 ASP 中 Session 代表 了 服务 器 与 客户 端 之 间 的 “会 话 ”。 


Session 信息 保存 在 服务 器 端的 一 块 内 存 区 域 中 。 当 每 一 个 用 户 开始 访问 时 (也 称 开始 
一 个 会 话 时 ) ,服务 器 端 就 会 给 该 用 户 建立 一 个 Session 对 象 ,在 服务 器 端 内 存 中 给 他 分 配 
一 块 区 域 ,用 来 存储 该 用 户 的 信息 。 当 该 用 户 结束 访问 时 (也 称 结 束 一 个 会 话 时 ) ,服务 器 端 
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就 会 清除 这 个 Session 对 象 , 并 释放 相应 的 内 存 区 域 。 
Session 对 象 的 主要 数据 集合 如 下 。 
。 Contents: 获取 脚本 中 添加 的 Session 变量 集合 。 


Session: 对 象 的 主要 属性 。 
SessionID: 返回 会 话 标识 符 (ID), 即 存储 用 户 的 Session ID。 


。 TimeOut: 定义 Session 的 有 效 期 。 单 位 为 分 钟 ,默认 为 20 分 钟 。 
。 Abandon: 清除 当前 的 Session 对 象 。 
Session 对 象 包括 以 下 两 个 事件 。 


。 Session_OnStart 


。 Session_OnEnd 


: 当 开始 一 个 会 话 时 ,触发 该 事件 。 
当 结 束 一 个 会 话 时 ,触发 该 事件 。 


不 过 这 两 个 事件 只 能 用 在 Global. asa 文件 中 。 
利用 Session 可 以 保存 变量 或 字符 串 等 信息 ,语法 如 下 : 


Session("Session 名 字 


") = 变量 或 字符 串 信息 


保存 Session 信息 的 例子 : 


Session("strName") = " 卓 云 


Session("strA") = strA 


读 取 Session 信息 的 例子 : 


strName = Session("strName ") 
strB= Session(" strA ") 


比较 : Application 和 Session 的 区 别 。 


Application 对 象 和 
之 间 共 享 信息 。 


Session 对 象 有 很 多 相似 之 处 ,它们 的 功能 都 是 用 于 在 不 同 的 ASP 


最 大 的 不 同 在 于 其 应 用 的 范围 : Application 对 象 是 所 有 用 户 ,Session 对 象 是 单一 用 户 。 


ASP 的 Application 


和 Session 对 象 体 现 了 其 他 ASP 内 置 对 象 所 没有 的 特征 事件 。 每 


一 个 访客 访问 服务 器 时 都 会 触发 一 个 OnStart 事件 (第 一 个 访客 会 同时 触发 Application 和 


Session 的 OnStart 事件 


:但 Application 先 于 Session) ,每 个 访客 的 会 话 结束 时 都 会 触发 一 


个 OnEnd 事件 (最 后 一 个 访客 会 话 结束 时 会 同时 触发 Application 和 Session 的 OnEnd 事 
件 , 但 Session 先 于 Application ) 。 


【 例 4-10】 Session 
Session 对 象 是 针对 
者 不 相同 的 Session ,用 了 


对 象 的 应 用 。 
每 个 浏览 网 页 的 用 户 而 言 的 。 浏 览 者 浏览 网 页 时 ,网 站 分 配给 浏览 
F 存 放 用 户 的 身份 等 信息 。 


<% If jvName = "QMX" And jvPwd = "62768866" Then 
Response. Redirect ("/main.asp") 
Session ("Login") = true 


Else 


Response. Redirect ("/login.asp") 


End If %> 
<% 
Dim pageView 
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If Session ("pageView") ="" Then 
Session ("pageView") =1 


Else 
Session ("pageView") = Session ("pageView") + 1 
End If 
Response. Write "您 是 第 "&Session ("pageView")&" 次 光临 本 页 !“ 
> 


【 例 4-11】 Session 对 象 的 属性 TimeOut 的 应 用 。 


< 和 
Response. Write ("您 的 Session 的 ID 号 是 :") 
Response. Write Session. SessionID&"< BR>" 
Response. Write "Session 默认 的 过 期 时 间 是 :" 
Response. Write Session. TimeOutg" 分 钟 ,<BR>" 
Session. TimeOut = 30 
Response. Write ("您 的 Session 被 重 置 , 重 置 后 的 过 期 时 间 为 :") 
Response. Write Session.Time0ut&" 分钟。 

先 > 


小 知识 : Global. asa 文件 

Global asa 文件 是 手动 编写 的 文件 。 操 作 方 法 : 新 建 TXT 文件 ,将 后 级 改 为 . asa, 放 
于 相应 网 站 的 根 目 录 。Global. asa 文件 执行 优先 于 任何 网 页 文件 。 

【 例 4-12】 在 线 人 数 统计 。 


< SCRIPT Language = VBScript RUNAT = Server> 
Sub Application_ OnStart ' 初 始 值 为 0 
Application ("OnLine") = 0 
End Sub 
Sub Session_OnStart ' 一 个 用 户 访问 进行 记 数 加 1 
Application. Lock 
Application ("OnLine") = Application ("OnLine")+1 
Application. Unlock 
End Sub 
Sub Session_OnEnd ' 一 个 用 户 关闭 网 页 , 记 数 减 1 
Application. Lock 
Application ("OnLine") = Application ("OnLine") - 1 
Application. Unlock 
End Sub 

</SCRIPT > 

使 用 代码 : 


当前 在 线 人 数 <% = Application("0nline")%> 


人 6 Server 对 象 


Server 对 象 提 供 对 服务 器 上 的 方法 和 属性 的 访问 ,其 中 大 多 数 方法 和 属性 是 为 程序 的 
功能 服务 的 。 有 了 Server 对 象 , 用 户 就 可 以 在 服务 器 上 启动 ActiveX 对 象 例 程 ,并 使 用 
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Active Server 服务 提供 像 HTML 和 URL 编码 这 样 的 函数 。 
Server 对 象 的 使 用 语法 为 : 
Server. property|method 


其 中 ,property 表示 Server 对 象 的 属性 ,method 表示 Server 对 象 的 方法 。Server 对 象 的 方 
法 如 表 4-9 所 示 。 
表 4-9 Server 对 象 的 方法 


方 法 描 述 
CreateObject 创建 服务 器 组 件 的 实例 
HTMLEncode 将 HTML 编码 应 用 到 指定 的 字符 串 
MapPath 将 指定 的 虚拟 路 径 ,无 论 是 当前 服务 器 上 的 绝对 路 径 , 还 是 当前 页 的 
相对 路 径 ,映射 为 物理 路 径 
URLEncode 将 URL 编码 规则 ,包括 转 义 字符 ,应 用 到 字符 串 
Transfer 直接 输出 . asp 文件 请 求 ,不 必 离 开 服 务 器 队列 
Execute 执行 另 一 个 .asp 文件 ,然后 返回 当前 文件 
GetLastError 获取 ASP 的 错误 


Server 的 属性 只 有 ScriptTimeout ,表示 超时 值 , 即 在 脚本 运行 超过 这 一 时 间 之 后 作 超 
时 处 理 。 系 统 的 默认 值 为 90 秒 。 

项 目 案例 2: 购物 车 案例 。 

【题目 】 购物 车 的 主要 功能 包括 向 购物 车 中 添加 商品 ,查看 购物 车 、 修 改 已 购买 商品 的 
数量 , 移 除 购物 车 中 指定 商品 ,如 图 4-7 所 示 。 


我 的 购物 车 
商品 名 称 惠普 (JE ) DtficeJet PE0D 彩色 卫星 打印 机 
单价 2499 
数量 1 
ww | 
篇 号 商品 和 名称 单价 数量 小 计 到 除 
合计 R 0.00 
| 
图 4-7 购物 车 示意 图 
1) 需求 描述 
用 户 在 商品 详细 信息 页 单 击 “ 购 买 " 后 ,进入 购物 车 页 面 ,该 页 面 使 用 一 个 表格 存放 用 户 
选择 过 的 所 有 商品 信息 。 
2) 操作 技能 


。 使 用 Cookie 保存 用 户 信 息 。 
。 使 用 字符 串 拼接 及 拆 分 的 方法 添加 新 记录 。 
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。 使 用 子 过 程 处 理 通 用 问题 。 

。 读 取 Cookie 中 保存 的 信息 。 

3) 实现 思 

单 击 “ 购 买 " 某 商品 后 ,进入 购物 车 页 面 。 首 先 读 取 Cookie 中 的 字符 串 ,在 Cookie 字符 
串 中 查找 新 提交 的 商品 是 否 已 存在 ,通过 对 变量 position 的 判断 确定 该 商品 是 否 已 被 购买 
过 , 若 变量 的 值 不 为 0, 则 只 修改 购买 数量 ,不 添加 新 的 记录 ,将 Cookie 中 的 商品 信息 显示 
在 购物 车 页 面 中 。 

【代码 】〗 cart. asp 


<HIML > 
< HEAD> 
<META http — equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
< TITLE > 购物 车 </TITLE> 
<LINK href = "css/public. css" rel = "stylesheet" type= "text/css" /> 
</HEAD> 
<BODY> 
< TABLE width = "230" border = "0" cellspacing = "0" cellpadding = "0" align = "center"> 
<TR> 
<TD>< IMG src = "images/detail01. jpg" border = "0" usemap ="#Map" /> 
<MAP name = "Map" id= "Map"> 
<area shape = "rect" coords = "548, 10,605,27" href = "cart.asp" target ="_blank" /> 
</MAP ></TD> 
</TR> 
</TABLE > 


< TABLE width = "830" border = "0" align = "center" cellpadding = "0" cellspacing = "0" style= 
"border: solid 1px # D8EBEB; "> 
<TR> 

<td height = "23" align = "left"” bgcolor =" 共 FOFOF0" class = "d_h2"> gnbsp; 我 的 购物 车 </TD> 
</TR> 
<TR> 

<TD height = "330" align= "center"><% 
proId = Trim(Request( "proId")) 
proName = Trim( Request( "proName")) 
"response. write proIdg"<hr size= 1 color = red>" 
price = Trim(Request("price")) 
number = Trim(Request( "number")) 
go= Trim(Request("go")) 
command = Trim( Request( "command")) 
"Response. Cookies("PorId")="" 
'Response. Cookies("proNameString") = "" 
'Response. Cookies("priceString") ="" 
'Response. Cookies("numberString") = "" 
proIdString = Request. Cookies("proIdString") 
proNameString = Request. Cookies("proNameString") 
priceString = Request. Cookies( "priceString") 
numberString = Request. Cookies("numberString") 
'response. write proIdString&"< BR>" 
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"Response. End 
position = InStr(prolIdSstringg"^","^"gproIdg"*") 
'response. write " proIdString = " &proIdString&"< HR > prold = " &proIldg" < HR color = red > 
"gpositiong"<HR color = #6600FF >" 
Sub setCookie(ckItem, ckValue) 
'response. write ckItem&"< BR>" 
'response. write ckValue&"< HR color = blue >" 
Response. Cookies(ckItem) = ckValue 
'Response. Cookies. Expires(ckItem) = 
date+2 
End Sub 
If command = "del" Then 
If position <> 0 Then 
arrPI = Split(proIdString, "^") 
arrPN = Split (proNameString, "^") 
arrPR = Split(priceString, "^") 
arrNM= Split (numberString, "^") 
proIdString 


ProNameString = 


priceString 
numberString = 
"response. write UBound(arrPN)&"< BR>"&positiong"< HR 
Size=1 color = blue>" 
For i = 1 To UBound(arrPN) 
If i <> (position + 1)/2 Then 
proIdString = proIdString&"^"&arrPI(i) 
proNameString = proNameString&"^"&arrPN(i) 
priceString = PriceString&"^"&arrPR(i) 
numberString = numberString&"^ "&arrNM(i) 
End If 
Next 
'response. write proIdString & "<HR>" & position 
'response. end 
Call setCookie("proIdString",proIdString) 
Call setCookie("proNameString", proNameString) 
Call setCookie("priceString", priceString) 
Call setCookie("numberString", numberString) 
End If 
End If 
If go <>"" Then 
If position <>0 Then 
'response. write positiong"<BR>" 
'Response. Write positiong"<HR>" 
arrNM = Split (numberString, "^") 
numberString ="" 
For i = 1 To UBound(arrNM) 
If i = (position+1)/2 Then 
newNumber = CInt(arrNM(i)) + CInt(number) 
Else 
newNumber = arrNM(i) 
End If 
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numberString = numberString&"^ "gnewNumber 
Next 
"response. write numberString 
'response. End 
Else 
proIdString = proIdString&"^"S&proId 
proNameString = proNameString&"^"S&proName 
priceString = priceString&"^"&price 
numberString = numberString&"^" 
Snumber 
End If 
Call setCookie ("proIdString"，proIdString) 
Call setCookie("proNameString", proNameStri ng) 
Call setCookie("priceString", priceString) 
Call setCookie("numberString", numberString) 
ElseIf proName <>"" Then 
第 > 
< FORM actiol method= "post"> 
<TABLE width= "80%" border = "0" align= "center" cellpadding = "5" cellspacing = "1" class= 
"cart"> 


<TR> 
<TH width="25$%" align = "center">< STRONG > 商品 名 称 </STRONG></TH> 
<TD width= "75%" bgcolor ="#FFFFFF">< % = proName % ></TD> 
</TR> 
<TR> 


<TH align = "center">< STRONG > 单价 </STRONG ></TH> 
< TD bgcolor = "#FFFFFF"><% = price%></TD> 
</TR> 
<TR> 
<TH align = "center">< STRONG > 数量 </STRONG ></TH> 
< TD bgcolor = "# FFFFFF">< INPUT NAME = "number" TYPE= "text" class= "input text" value= 
"1"></TD> 
</TR> 
</TABLE > 
<BR>< input type = "submit" name = "go" value = "加 入 购物 车 "> 
< INPUT TYPE = "hidden" NAME = "proName" value = "<% = proName % >"> 
< INPUT TYPE = "hidden" NAME= "price" value = "<% =price%>"> 
< INPUT TYPE = "hidden" NAME= "proId" value ="<% = proId%>"> 
</FORM> 
<% 
End If 
%> 
<TABLE width = "80%" border = "0" cellpadding = "5" cellspacing="1" class= "cart"> 
<TR> 
< TH align = "center">< STRONG > 编号 </STRONG ></TH> 
< TH align = "center">< STRONG > 商品 名 称 </STRONG ></TH> 
< TH align = "center">< STRONG > 单价 </STRONG ></TH> 
< TH align = "center">< STRONG > 数量 </STRONG ></TH> 
< TH align = "center">< STRONG > 小 计 </STRONG ></TH> 
< TH align = "center">< STRONG > 删除 </STRONG ></TH > 
</TR> 
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< 
arrPI = Sp1 让 (proIdString, "^") 
arrPN = Spl 让 (proNameString, "^") 
arrPR = Split(priceString, "^") 
arrNM = Split (numberString, "^") 
sum=0 
For i = 1 To UBound(arrPN) 
多 > 
<TR> 
<TDalign= "center"><% = i%></TD> 
<TDalign= "center"><a href = "detail.asp?prold = <% = arrPi(i)%> gproName = <$% = arrPN 
(i)%> gprice=<% =arrPR(i) %>" target =" blank"><% = arrPN(i) %></TD> 
<TDalign= "center"><% = FormatNumber(arrP 
R(i),2) %></TD> 
"center"><$ = arrNM(i) %></TD> 
"center"><$% = FormatNumber(arrPR(i) * arrNM(i),2) $%></TD > 
< TD align = "center" style= "cursor:hand;" onclick= "if (confirm( ' 确 定 要 从 购物 车 中 删除 此 
品 ?')) location. replace( 'cart. asp? command = del&proId = <% = arrPI(i)%>')"><IMG src = 
"images/cut. gif" alt = "删除 " width= "19" height = "21" /></TD> 
</TR> 


<% 
Sum = sum+ arrPR(i) * arrNM(i) 
Next 
多 > 
<TR> 
<TD colspan = "4" align = "center"> 合 计 </TD> 

<TD colspan= align = "center"><% = FormatNumber( sum, 2) %></TD> 

</TR> 
</TABLE > 
<BR><BR> 
< INPUT type = "button" value = "去 收银 台 结 算 " onclick = "location. replace( 'account. asp')"> 
< INPUT type = "button"” value = "关闭 购物 车 "onclick = "window. close();"></TD> 
</TR> 
</TABLE > 
< TABLE width= "330" border = "0" align= "center" cellpadding = "0" cellspacing= "0"> 
<TR> 

<TD>< IMG src = "images/index02. jpg" width = "1002" height = "367"></TD> 
</TR> 
</TRBLE > 
</BODY> 
</HTML> 


人 7 本 章 小 结 


本 章 介绍 了 ASP 内 置 对 象 ,是 整个 ASP 的 基础 。 学 习 本 章 内 容 要 求 掌握 如 何 利用 


Request 对 象 Form、QueryString、Cookies 集合 获取 客户 端 信息 ,利用 Response 对 象 的 
Write 方 法 向 客户 端 输 出 信息 ,利用 Application 和 Session 进行 计数 ; 会 使 用 Server 对 象 
设置 在 MapPath 中 的 相对 路 径 与 绝对 路 径 。 
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通过 本 章 学 习 后 ,能 够 独自 开发 出 动态 页 面 ,比如 购物 车 、 留 言 板 等 ,并 在 此 功能 上 进行 
扩展 。 


4.8 思考 与 练习 


如 何 使 用 Response 输出 信息 ? 

如 何 使 用 Request 获取 信息 ? 

如 何 使 用 表单 及 表单 元 素 ? 

如 何 使 用 Application 对 象 ? 

何 使 用 Session 对 象 ? 

简 述 Application 和 Session 的 应 用 场合 。 
如 何 向 客户 端 写 人 Cookie 数据 ? 

如 何 读 取 Cookie 中 的 数据 ? 

. 实现 网 站 计数 功能 。 

10. 实现 购物 车 功能 。 


= 
二 
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ASP 内 置 组 件 | 


在 ASP 中 内 置 了 许多 功能 强大 的 ActiveX 服务 器 组 件 , 利 用 这 些 组 件 就 可 以 方便 地 实 
现 数据 存 取 .文件 存 取 等 功能 。 

学 习 目标 及 要 求 

(1) 掌握 Ad Rotator 组 件 的 用 法 。 

(2) 掌握 Content Linking 组 件 的 用 法 。 

(3) 掌握 计数 器 组 件 的 用 法 。 

(4) 理解 Browser Capabilities 组 件 的 用 法 。 


€.1 ASP 内 置 组 件 简介 


ASP 组 件 均 遵 循 Microsoft 的 ActiveX 标准 。ActiveX 组 件 是 一 个 文件 ,该 文件 包含 执 
行 一 项 或 一 组 任务 的 代码 ,组件 可 以 执行 某 些 特定 的 功能 。 
安装 好 ASP 平台 后 ,所 有 的 ASP 内 置 组 件 都 被 安装 注册 到 服务 器 上 。 调 用 内 置 组 件 
的 步骤 如 下 : 首先 ,必须 创建 组 件 的 一 个 实例 ,并 将 该 实例 赋予 一 个 变量 ; 然后 ,调用 组 件 
的 方法 和 属性 ,完成 相应 的 功能 。ASP 的 内 置 组 件 有 13 种 ,而 且 还 可 以 安装 其 他 第 三 方 的 
组 件 。 在 此 只 介绍 几 种 重要 的 组 件 ,如 表 5-1 所 示 。 
表 5-1 ASP 内 置 组 件 


组 件 名 描 述 
Ad Rotator 创建 一 个 Ad Rotator 对 象 , 按 用 户 指定 的 播放 顺序 ,在 同一 页 上 自动 轮换 显示 
各 种 广告 
Browser Capabilities ”创建 一 个 Browser Type 对 象 ,该 对 象 决定 访问 Web 站 点 的 每 个 浏览 器 的 性 能 、 
类 型 及 版 本 


Database Access 提供 用 ADO 对 数据 库 的 访问 

Content Linking 创建 一 个 Next Link 对 象 , 该 对 象 可 动态 生成 Web 页 内 容 列 表 , 并 像 书 一 样 将 各 
页 顺序 连接 

File Access 提供 对 Web 服务 器 端 文件 的 输入 /输出 访问 
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使 用 Ad Rotator 组 件 能 很 容易 实现 在 Web 页 面 上 插入 一 个 循环 播放 广告 横幅 的 播放 
器 ,可 以 通过 定义 一 个 播放 顺序 文件 使 播放 器 根据 文件 中 定义 的 播放 顺序 轮流 播放 一 系列 
广告 图 片 。 

Ad Rotator 组 件 所 使 用 的 播放 顺序 文件 是 一 个 文本 文件 ,只 要 修改 这 个 文件 ,就 可 以 
实现 广告 横幅 播放 顺序 的 更 新 。 

一 般 来 说 ,Ad Rotator 组 件 相关 文件 除了 必要 的 Adrot. dll 文件 外 ,还 要 有 循环 定时 文 
件 , 另 外 也 可 以 有 重 定向 文件 。 

语法 如 下 : 


Set AdRotator 变量 = Server. CreateObject( "MSWC. RdRotator" ) 
AdRotator 变量 .属性 = 属性 值 或 MRotator 变量 .方法 (循环 定时 文件 路 径 ) 


5.2.1 Ad Rotator 组 件 的 属性 和 方法 


Ad Rotator 组 件 的 属性 和 方法 的 描述 如 表 5-2 所 示 。 
表 5-2 Ad Rotator 组 件 属性 和 方法 


属 性 名 语 法 描 述 
Border Border= size 允许 用 户 指定 显示 广告 时 四 周 是 否 带 边框 。size 指定 显示 
的 广告 四 周 的 边框 宽度 ,其 默认 值 在 Rotator Schedule 文 
件 的 文件 头 中 设置 
Clickable Clickable= value 允许 用 户 指定 是 否 将 广告 作为 超 链 接 显示 。value 指定 广 


告 是 否 为 超 链接 。 参 数值 为 布尔 值 : 当 为 TRUE, 将 广告 
作为 超 链接 显示 ; 当 为 FALSE, 将 广告 不 作为 超 链接 显示 。 
默认 值 是 TRUE 

TargetFrames TargetFrames 一 frame ”用 于 指定 链接 将 被 装 入 的 目标 框架 。 该 属性 完成 的 功能 等 
价 于 HTML 语句 中 的 TARGET 参数 。frame 指定 用 来 显 
示 广 告 框架 的 名 称 或 HTML 框架 关键 字 , 默 认 值 是 
NO FRAME 


【 例 5-1】 利用 Ad Rotator 组 件 制 作 广告 (如 图 5-1 所 示 ) 。 
【代码 】 


<HIML> 
<HEAD><TITLE> Ad Rotator 组 件 
</TITLE ></HEAD> 
< BODY bgcolor = " #00ffbb"> 
<CENTER><H3> Ad Rotator 组 件 的 使 用 </H3 ></CENTER > 
<%Setads = Server.CreateObject("MSWC.AdRotator") 
ads. border = "0" 
ads. clickable = true 


图 5-1 Ad Rotator 组 件 的 使 用 
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> 
<CENTER><% =ads.getadvertisement("4—1.txt") %></CENTER> 
</BODY > 
</HIML> 


5.2.2 Ad Rotator 组 件 相 关 文 件 
1. 循环 定时 文件 
循环 定时 文件 用 于 管理 和 显示 各 种 广告 图 像 的 信息 。 文 件 格式 如 下 : 


[REDIRECT URL] 
[WIDTH numWidth] 
[HEIGHT numHeight] 
[BORDER numBorder] 
# 

adURL 
adHomePageURL 

Text 

Impressions 


2. 重 定向 文件 


重 定向 文件 是 Ad Rotator 组 件 中 的 可 选项 ,如 果 在 循环 定时 文件 中 指定 使 用 重 定向 文 
件 , 每 当 用 户 单 击 广告 时 ,其 发 出 的 请 求 对 象 会 重 定向 到 该 文件 。 重 定向 文件 是 使 用 
Request. querystring("URL"”) 来 取得 与 被 单 击 图 像 相 关 的 “URL? 的 。 

该 组 件 只 有 GetAdvertisement 一 个 方法 ,用 于 重新 取得 一 个 将 要 显示 的 图 片 和 超 文本 
链接 。 当 用 户 第 一 次 启动 网 页 或 重新 刷新 时 ,系统 会 重新 取得 下 一 个 图 片 。 该 方法 的 语法 
格式 如 下 : 


GetAdvertisement (rotationSchedulePath) 
其 中 ,rotationSchedulePath 指定 Rotator Schedule 文件 相对 于 虚拟 目录 的 位 置 , 例 如 : 


MyAd. GetAdvertisement ("myadrot. txt") 


G.3 Browser Capabilities 组 件 


此 组 件 用 来 获取 客户 端 浏览 器 的 类 型 。 

工作 原理 如 下 : 当 客户 的 浏览 器 连接 到 服务 器 时 ,会 自动 向 服务 器 发 送 一 个 用 户 代理 
(User Agent) 的 HTTP 标 头 (header) ,该 标 头 是 一 个 声明 浏览 器 及 其 版 本 的 ASCII 字符 
串 。 可 以 使 用 如 下 代码 获得 这 段 header: 


<% Request. ServerVariables("HTTP USER AGENT") %> 
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并 将 取得 的 用 户 代 理 HTTP 头 字 符 串 与 Browscap. ini 文件 内 容 进行 比较 , 若 找 到 匹配 项 ， 
根据 Browscap. ini 文件 中 的 定义 就 可 以 确定 该 浏览 器 的 特性 。 

组 件 并 不 能 真正 检测 浏览 器 的 功能 ,其 检测 的 依据 是 User Agent 标题 和 Browscap. ini 
文件 中 的 定义 。 如 果 Browscap. ini 文件 的 内 容 发 生变 化 ,Browser Capabilities 组 件 报告 的 
浏览 器 能 力也 会 相应 发 生变 化 。 

Browser Capabilities 组 件 除 包含 一 系列 属性 、 方 法 外 ,还 有 一 个 外 部 驱动 文件 
Browscap. ini。 语 法 如 下 : 


Set Browser 类 型 变量 = Server. CreateObject("MSWC. BrowserType") 


Browscap. ini 文件 中 主要 定义 了 各 种 浏览 器 所 具有 的 属性 ,可 以 在 该 文件 中 声明 属性 
定义 任意 数量 的 浏览 器 数目 ,也 可 以 设置 用 户 浏览 器 不 在 所 定义 的 列表 中 时 使 用 的 默认 值 。 

对 每 一 个 浏览 器 定义 ,都 可 以 提供 一 个 用 户 代 
理 的 HTTP(HTTP User Agent) 标 题 和 属性 以 及 
希望 与 标题 相关 联 的 值 。 

Browser Capabilities 组 件 的 操作 : 

首先 要 创建 一 个 Browser Capabilities 的 组 件 
实例 ,然后 再 通过 该 组 件 实例 判断 浏览 器 的 类 型 及 
相关 特性 。 

【 例 S-2〗 Browser Capablities 组 件 的 使 用 (如 
图 5-2 所 示 )。 图 5-2 Browser Capabilities 组 件 的 使 用 


<HTML> 

< HEAD>< TITLE > Browser Capablities 组 件 </TITLE ></HEAD> 

< BODY bgcolor = " # 00FFDD"> 

<% Set bc = server.createobject("MSWC.BrowserType") %> 

< CENTER> Browser Capabilities 组 件 的 使 用 </CENTER > 

<HR color = "#7A67EE"> 

<TABLE align= "center" width= "180" border = "1" bordercolor = "red"> 

<TR>< TD width= "120"> 浏 览 器 名 称 </TD><TD><% = bc.browser%></TD></TR> 

<TR><TD> 浏 览 器 版 本 </TD><TD><% = bc. version%></TD></TR> 

<TR><TD > 浏览 器 平台 </TD><TD><% = bc.platform%></TD></TR> 

<TR><TD> 是 否 支持 Frames </TD><TD><s% if (bc. frames = TRUE) then%> 支 持 <% else% > 不 支持 
<$ end if %></TD></TR> 

<TR>< TD> 是 耕 支持 Tables </TD >< TD><s% if (bc. tables = TRUE) then > 支持 <% else% > 不 支持 
<% end if %></TD></TR> 

<TR><TD> 是 否 支 持 VBScript </TD><TD><s$% if (bc.vbscript = TRUE) then % > 支持 <% else% > 不支 
持 <% end if %></TD></TR> 

<TR>< TD> 是 否 支 持 JScript </TD><TD><% if (bc. javascript = TRUE) then% > 支持 <%else%> 不 
支持 <% end if%></TD></TR> 

<TR><TD> 是 否 支持 Cookies </TD ><TD ><$% if (bc.cookies = TRUE) then> 支 持 <% elseg> 不 支持 
<$% end if%></TD></TR> 

<TR><TD> 是 否 支持 背景 音乐 </TD >< TD ><$% if (bc. backgroundsounds = TRUE) then% > 支持 < 多 
else$ > 不 支持 <$% end if%></TD></TR> 

</TABLE > 
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<% set bc=nothing%> 
</BODY > 
</HTML > 


6. 4 Content Linking 组 件 
qq 


Content Linking 组 件 的 主要 目的 在 于 管理 网 页 或 网 址 间 的 超 文本 链接 ,可 以 通过 一 个 
网 页 或 网 址 的 线性 排列 顺序 列表 来 管理 多 个 网 页 或 网 址 间 的 超 文本 链接 顺序 。 
Content Linking 组 件 可 创建 一 个 管理 URL 列表 的 Nextlink 对 象 。 其 语法 如 下 : 


Set NextLink = 
Server. CreateObject("MSWC. NextLink") 


1. 线性 排列 顺序 文件 


线性 排列 顺序 文件 包含 Web 页 的 相关 信息 列表 ,该 文件 必须 在 Web 服务 器 的 虚拟 路 
径 上 可 用 。 
语法 如 下 : 


Web— page— URL [ text — description [ comment]] 


Web-page-URL 是 以 filename 或 directory\filename 表示 的 Web 页 的 虚拟 或 相 
对 URL。 

。 text-description 是 Web-page-URL 的 描述 文字 。 

comment 为 组 件 不 处 理 时 的 说 明 性 文字 。 


2. Content Linking 组 件 方 法 (如 表 5-3 所 示 ) 


表 5-3 Content Linking 组 件 方法 


方法 名 语 法 描 述 

GetListCount GetListCount(listURL) 统计 内 容 链 接 列 表 文件 中 链接 的 项 目 数 

GetNextURL GetNextURL(listURL) 获取 内 容 链接 列表 文件 中 所 列 的 下 一 页 
的 URL 

GetPreviousDescription ”GetPreviousDescription(listURL) 获取 内 容 链接 列表 文件 中 所 列 的 上 一 页 

GetListIndex GetListIndex(listURL) 获取 内 容 链 接 列 表 文件 中 当前 页 的 索引 

GetNthDescription GetNthDescription(listURL, i) ”获取 内 容 链 接 列 表 文 件 中 所 列 的 第 i 页 
的 URL 

GetPreviousURL GetPreviousURL(listURL) 获取 内 容 链接 列表 文件 中 所 列 的 上 一 页 
的 URL 

GetNextDescription GetNextDescription( listURL) 获取 内 容 链 接 列表 文件 中 所 列 的 下 一 页 
的 URL 

GetNthURL GetNthURL(listURL, iD 获取 内 容 链 接 列 表 文 件 中 所 列 的 第 i 页 


的 URL 
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【 例 5-3】〗 Content Linking 组 件 的 使 用 (如 图 5-3 所 示 )。 


<HIML> 
<% 
set mylink = Server. CreateObject ("MSWC. Nextlink") 
count = mylink. GetlistCount("5— 4.txt") 
i=1 
response. write "< CENTER > Content Linking 组 件 的 使 用 </CENTER>" 
%> 
< TABLE align = center > 
<% Do While i<= count $%> 
<TD> 
<AHREF ="<% =mylink.GetNthURL("5— 4.txt",i) %>"> 
<% = MYLINK. GetNthDescription("5 —4.txt",i)%></A> 
</TD> 
<% =i+1 Loop $> 
</TABLE ></HTML > 


Content Linking 组 件 的 使 用 
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图 5-3 ”Content Linking 组 件 的 使 用 


5.5 计数 器 组 件 


在 一 个 计数 器 组 件 中 可 以 有 多 个 不 同名 称 的 计数 器 ,利用 这 些 不 同 的 计数 器 可 以 统计 
网 站 中 多 个 元 素 的 数据 。 
计数 器 组 件 的 创建 语法 如 下 : 


Set MYCount = Server. CreateObject("MSWC. Counters") 
1. 计数 器 组 件 的 方法 (如 表 5-4 所 示 ) 


表 5-4 计数 器 组 件 方法 
方 法 名 语 法 描 述 

Get Get(CounterNumber) 返回 指定 的 计数 器 值 , 如 果 指 定 的 计数 器 不 存在 , 则 创 
建 并 将 其 值 设 为 0 

Increment Increment(CounterNumber) 对 指定 的 计数 器 进行 加 1 操作 ,如 果 指定 的 计数 器 不 
存在 , 则 创建 并 将 其 值 设 为 1 

Remove Remove(CounterNumber) 清除 指定 的 计数 器 

Set Set(CounterNumber,integer) ”设置 指定 计数 器 的 数值 


2. 计数 器 组 件 的 使 用 
ASP 中 的 计数 器 组 件 通常 在 Global. asa 文件 中 声明 ,如 下 所 示 : 
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< OBJECT RUNAT = Server 

SCOPE = Application ID = MYCount 
PROGID = "MSWC. Counters"> 
</OBJECT> 


在 Global. asa 文 件 中 利用 HTML 的 < OBJECT > 标记 创建 一 个 名 为 MyCount 的 计数 
器 实例 。 
【 例 5-4】 计数 器 组 件 的 使 用 (如 图 5-4 所 示 )。 


Counter1l1.asp: 

最 有 潜力 明星 投票 结果 统计 如 下 :<P> 

< 和 

xuanpiao = Request. Form( "xuanpiao") 

select case xuanpiao 

case "chen" 

"将 计数 器 chencounter 的 值 加 1, 如 果 不 存在 则 创建 它 ,并 将 值 置 为 1 
Counters. Increment( "chencounter") 

case "dong" 

"将 计数 器 dongcounter 的 值 加 1, 如 果 不 存在 则 创建 它 ,并 将 值 置 为 1 
Counters. Increment( "dongcounter") 

' 将 计数 器 lincounter 的 值 加 1, 如 果 不 存在 则 创建 它 ,并 将 值 置 为 1 
case "lin" 

Counters. Increment( "lincounter") 

end select 

%> 

姚明 得 票数 : 
<% = Counters. get("chencounter") % ><BR> 

刘翔 得 票数 : <% = Counters. get("dongcounter") %><BR> 

田亮 得 票数 : <% = Counters.get("lincounter") 多 > 


Counter2.asp 

<HTML> 

< 了 > 访问 此 页 面 的 统计 :</P> 

<$% num= Request("num") 

if num = "" then$%$> 

按 F5 刷新 页 面 ,计数 器 pageHits 的 值 是 : <% = counters. Increment("pageHits") 和 > 

<$% elseif num = "remove" then 

counters. Remove( "pageHits") 

%> 

计数 器 pageHits 已 被 删除 , 并 通过 Get 方法 重新 创建 它 , 并 显示 它 的 初始 值 : <% = counters. get(" 
pageHits") %> 
<%else 

Call counters. set ("pageHits", Cint(num) ) 

%> 

通过 Set 方法 将 页 面 访问 计数 器 的 值 设置 为 固定 值 : <% = counters. get("pageHits")%> 
<% end if %> 
< FORM method = "post" action= "counter2.asp"> 

设置 固定 数值 : < input type = "text" name = "num">< BR> 
< INPUT type = "submit" value = "设置 "> 
< INPUT type = " button" onclick = "javascript: window. location = 'counter2. asp? num = remove'" 


value= "删除 计数 器 "> 


< INPUT type = "button" onclick = "javascript:window. location = 'co 


unter2.asp'" value = "刷新 页 面 "> 
</FORM> 


Count. htm 

<HIML> 

<HEAD> 

< TITLE > 选择 最 有 潜力 明星 </TITLE></HEAD> 
<body> 


从 下 面 候选 人 当中 选择 一 个 最 有 潜力 的 明星 :<P> 


< FORM method = "post" action = "counterl.asp"> 


< INPUT type = radio name = "xuanpiao" value = "chen"> 姚 明 
< INPUT type = radio name = "xuanpiao" value = "dong"> 刘 翔 
< INPUT type = radio name = "xuanpiao" value = "lin"> 田 亮 


< INPUT type = "submit" value= " 投 上 一 票 "> 
</FORM> 
</BODY > 
</HTML> 


生 最 有 潜力 明星 投票 结果 统计 
文件 GE) 编辑 (E) 


Micr 


查看 (W) 收藏 他) 工具 CT) 帮助 人) 
9 @ -回国 全 忆 搜索 支 收藏 天 人 会 
进 丰 四 | http://localhost:8080/jishu asp 


YW 回转 到 迟 按 


景 有 潜力 明星 投票 结果 统计 如 下 ， 


ET 


图 5-4 计数 器 组 件 的 使 用 


6.6 CDONTS 组 件 


采用 CDONTS 组 件 在 ASP 中 实现 电子 邮件 的 功能 。CDONTS 组 件 属性 如 表 5-5 所 
示 ,CDONTS 组 件 方法 如 表 5-6 所 示 。 


表 5-5 CDONTS 组 件 属性 


E- 


旱 


ASP 内 置 组 件 


属 性 说 了 明 

To 设置 收 件 人 的 邮件 地 址 

Ac,Bcc 设置 一 个 或 多 个 参阅 的 邮件 地 址 ,是 用 于 设置 抄 送 人 与 密 件 抄 送 人 的 邮件 地 址 
From 设置 发 件 人 的 邮件 地 址 

Subject 设置 邮件 主题 


Body 设置 邮件 内 容 
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表 5-6 CDONTS 组 件 方法 
方 法 说 上 明 
Send 发 送 邮 件 


凑 ，- 雍 说 明 
AttachFile 设置 附加 文件 


CDONTS 组 件 是 IIS 4.0 或 IIS 5.0 中 提供 的 一 种 发 送 E-mail 的 组 件 , 其 实例 的 创建 
也 要 使 用 Server 对 象 的 CreateObject 方法 。 其 语法 如 下 : 


Set myMail = Server. CreateObject ("CDONTS. NewMail") 

在 使 用 前 ,保证 在 计算 机 中 有 CDONTS. DLL 文件 (该 文件 一 般 存放 在 Winnt\ 
System32 目录 下 )。 

首先 使 用 DOS 下 的 “regsvr32” 命 令 注册 该 组 件 。 注 册 该 组 件 的 语法 如 下 : 

regsvr32 [physical path]cdonts. dll 


注意 : 应 该 指定 cdonts. dll 文件 所 在 的 物理 路 径 。 利 用 该 组 件 提 供 的 属性 和 方法 进行 
邮件 的 发 送 。 


(6.7 本 章 小 结 


本 章 主要 介绍 了 ASP 常用 的 内 置 组 件 中 的 广告 组 件 、 内 容 组 件 、 计 数 器 组 件 等 使 用 方 
法 。Ad Rotator 组 件 可 以 在 同一 页 面 上 自动 轮换 显示 广告 ,使 用 Ad Rotator 组 件 的 步骤 
为 : 创建 Ad Rotator 对 象 实例 ; @ 创 建 列表 文 件 和 重 定向 文件 ; @ 从 列表 文件 中 获取 下 
一 个 广告 。 

Content Linking 组 件 是 自动 翻转 Web 页 上 的 HTML 内 容 字 符 串 , 使 用 步 又 为 : 四 创 
建 Content Linking 对 象 实例 ; 四 创建 内 容 列 表 文 件 ; @@ 检 索 并 显示 内 容 字符 串 。 

这 些 组 件 的 使 用 为 我 们 提供 了 广告 推广 、 自 动 计数 、 自 动 翻 页 等 功能 ,使 得 ASP 的 功能 
更 加 强大 。 


5.8 思考 与 练习 


.什么 是 组 件 ? 

. ASP 内 置 组 件 与 ASP 内 置 对 象 的 主要 区 别 是 什么 ? 
. Ad Rotator 广告 组 件 如 何 使 用 ? 

。 Browser Capabilities 组 件 如 何 使 用 ? 

. 计数 器 组 件 如 何 使 用 ? 

. 独立 设计 一 个 投票 网 站 ,实现 投票 功能 。 


Do 


JSP 语 法 | 


JSP 是 一 种 容易 学 习 和 使 用 的 在 服务 器 端 编译 执行 的 Web 设计 语言 ,脚本 语言 采用 
Java, 集 成 了 Java 的 优点 。JSP 页 面 分 为 脚本 元 素 、 指 令 元 素 、 动 作 元 素 。 除 了 这 3 个 元 素 
外 ,为 了 增强 程序 的 可 读 性 ,需要 添加 注释 。 

学 习 目 标 及 要 求 

(1) 理解 JSP 中 的 注释 。 

(2) 熟悉 JSP 页 面 的 基本 结构 。 

(3) 掌握 变量 和 方法 的 声明 Java 表达 式 、JSP 指令 标签 ,JSP 动作 标签 。 

(4) 能 够 在 JSP 程序 中 使 用 脚本 。 


@.1 JSP 页 面 的 基本 结构 


在 传统 的 HTML 页 面 文件 中 加 入 Java 程序 片 和 JSP 标签 就 构成 了 一 个 JSP 页 面 文 
件 。 一 个 JSP 页 面 可 由 5 种 元 素 组 合 而 成 : 

(1) HTML 标记 符 。 

(2) JSP 标签 ,如 指令 标签 .动作 标签 。 

(3) 变量 和 方法 的 声明 。 

(4) Java 程序 片 。 

(5) Java 表达 式 。 

称 (3)、(4)、(5) 形 成 的 部 分 为 JSP 的 脚本 部 分 。 

当 服务 器 上 的 一 个 JSP 页 面 被 第 一 次 请 求 执行 时 ,服务 器 上 的 JSP 引擎 首先 将 JSP 页 
面 文件 翻译 成 一 个 Java 文件 ,再 将 这 个 Java 文件 编译 生成 字 节 码 文件 ,然后 通过 执行 字 节 
码 文件 响应 客户 的 请 求 。 这 个 字 节 码 文件 的 任务 就 是 把 JSP 页 面 中 普通 的 HTML 标记 符 
号 交 给 客户 的 浏览 器 显示 。 

JSP 标签 ,数据 和 方法 声明 .Java 程序 片 由 服务 器 负责 执行 ,并 将 显示 的 结果 发 送 给 客 
户 的 浏览 器 。 

Java 表达 式 由 服务 器 负责 计算 ,并 将 结果 转化 为 字符 串 , 然 后 交 给 客户 的 浏览 器 负责 
显示 。 
在 下 面 的 例 6-1 中 ,客户 通过 表单 向 服务 器 提交 三 角形 三 边 的 长 度 , 服 务 器 将 计算 三 角 
形 的 面积 ,并 将 计算 的 结果 以 及 客户 输入 的 三 边 长 度 返 回 给 客户 。 
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【 例 6-1】 计算 三 角形 面积 (如 图 6-1 所 示 )。 


E TO TT =|Dj xl 
文件 ”编辑 昌 ”查看 VW 收 着 @。 工具 (D 。 帮助 E32 


Oa: AD Dm ym 加 | “ 
i Eon im | | 


请 输入 三 角形 的 三 个 边 的 长 度 ， 输 入 的 数字 用 逗号 分 隔 ， 


图 6-1 计算 三 角形 的 面积 


(1) <% @ page contentTYpe = "text/html;charset = GB2312" %> 

(2) <% @ page import = "java. util. *" $> 

(3) <HIML> 

(4) <BODY BGCOLOR= cyan><FONT Size=1> 

(5) ”<P> 请 输入 三 角形 的 三 个 边 的 长 度 ,输入 的 数字 用 逗号 分 隔 : 
(6) <BR> 

(7) < FORM action = "Example2 1.jsp" method = post name = form> 
(8) < INPUT type = "text" name= "boy"> 

(9) < INPUT TYPE = "submit" value = "送出 ”name = submit > 

(10) </FORM> 


(11) <%! double a[ ] = new double[3] 

(12) String answer = null; 

(13) %> 

(14) <% inti=0; 

(15) boolean b= true; 

(16) String s= null; 

(17) double result = 0; 

(18) double a[ ] = new double[3]; 

(19) String answer = null; 

(20) s= request. getParameter("boy"); 

(21) if(s! =nul1) 

(22) { StringTokenizer fenxi= new StringTokenizer(s,",,"); 
(23) while( fenxi. hasMoreTokens() ) 

(24) { String temp = fenxi. nextToken(); 

(25) try{ a[i] = Double.valueOf(temp). doubleValue( ); 
(26) 3 

(27) } 

(28) catch( NumberFormatException e) 

(29) {out. print("< BR>" + "请 输入 数字 字符 "); 
(30) 3 


(31) } 
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(32) if(a[0] +a[1]>a[2]ssa[0] +a[2]>a[1]&sa[1] +a[2]> a[0]&sb == true) 
(33) { doublep=(a[0]+a[1]+a[2])/2; 

(34) result = Math. sqrt(Px* (p—a[0]) * (p—a[1])* (p—a[2])); 
(35) out. print ("面积 : " + result); 

(36) } 

(37) else 

(38) {answer = "您 输入 的 三 边 不 能 构成 一 个 三 角形 "; 

(39) out. print ("<BR>" +answer); 

(40) } 

(41) } 

(42) %> 

(43) <P> 您 输入 的 三 边 是 : 

(44) <BR> 

(45) <% =a[0] %> 

(46) <BR> 

(47) <% =a[1]$%> 

(48) <BR> 

(49) <% =a[2] %> 


(50) </BODY> 

(51) </HIML> 

解释 : 在 该 例 中 ,(1) (2) 行 是 JSP 指令 标签 。(3) 一 (10) 行 是 HTML 标记 ,其 中 (7) 一 
(10) 行 是 HTML 表单 ,客户 通过 该 表单 向 服务 器 提交 数据 。(11) 一 (13) 行 是 数据 声明 部 
分 ,该 部 分 声明 的 数据 在 整个 JSP 页 面 内 有 效 。(14) 一 (42) 行 是 Java 程序 片 ,该 程序 片 负 
责 计 算 面 积 , 并 将 结果 返回 给 客户 。 该 程序 片 内 声明 的 变量 只 在 该 程序 片 内 有 效 。(45)、 
(47) (49) 行 是 Java 表达 式 。 


6.2 变量 和 方法 的 声明 


6.2.1 声明 变量 


在 "<%1” 和 *%>” 标 记 符 之 间 是 声明 变量 , 即 在 “<%!1”" 和 “%>” 之 间 放 置 Java 的 变量 声 
明 语 句 , 变 量 的 类 型 可 以 是 Java 语言 允许 的 任何 数据 类 型 ,将 这 些 变 量 称 为 JSP 页 面 的 成 
员 变 量 。 例 如 : 
<%! inta, b=10,cC; 
String tom = null, jerry = "love JSP"; 
Date date; 
%> 
“<%1” 和 *%>” 之 间 声 明 的 变量 在 整个 JSP 页 面 内 都 有 效 , 因 为 JSP 引擎 将 JSP 页 面 番 
译 成 Java 文件 时 ,将 这 些 变 量 作 为 类 的 成 员 变量 。 这 些 变 量 的 内 存 空间 直到 服务 器 关闭 才 
释放 。 当 多 个 客户 请 求 一 个 JSP 页 面 时 ,JSP 引擎 为 每 个 客户 启动 一 个 线程 ,这 些 线程 由 
JSP 引擎 服务 器 来 管理 ,这 些 线程 共享 JSP 页 面 的 成 员 变量 ,因此 任何 一 个 用 户 对 JSP 页 面 
成 员 变量 操作 的 结果 都 会 影响 到 其 他 用 户 。 
下 面 的 例 6-2 利用 成 员 变量 被 所 有 用 户 共享 这 一 性 质 , 实 现 了 一 个 简单 的 计数 器 。 
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【 例 6-2】 简单 的 计数 器 (如 图 6-2 所 示 ) 。 


文 伯 虽 ”编辑 E) ”查看 (W 收 豪 (8) 工具 (D 者 助 (由 | 志 
OO Im 四 | “ 
她 址 (D) | 乱 ] htp:Jhocahost:s08016-2.jsp EE 


您 是 第 4 个 访问 本 站 的 客户 。 


图 6-2 简单 的 计数 器 


<% @ page contentType = "text/html;charset = GB2312" %> 
<HIML> 
< BODY BGCOLOR = cyan >< FONT size=1> 

<% 1!int i=0; 

$%> 

< 和 + 二 

%> 
<P> 您 是 第 

<% =i%> // 获 取 计 数 变量 

个 访问 本 站 的 客户 。 // 显 示 内 容 : 您 是 第 几 个 访问 本 站 的 客户 。 
</BODY > 
</HTML > 


在 处 理 多 线程 问题 时 ,必须 注意 这 样 一 个 问题 : 当 两 个 或 多 个 线程 同时 访问 同一 个 共 
享 的 变量 ,并 且 一 个 线程 需要 修改 这 个 变量 时 ,应 对 这 样 的 问题 作出 处 理 ,否则 可 能 发 生 混 
乱 。 在 例 6-2 中 ,可 能 发 生 两 个 客户 同时 请 求 Example2_2.jsp 页 面 的 情况 。 


6.2.2 声明 方法 


在 “二 %1” 和 *% 二 ”之 间 声 明 方法 ,该 方法 在 整个 JSP 页 面 有 效 , 但 是 该 方法 内 定义 的 
变量 只 在 该 方法 内 有 效 。 这 些 方法 将 在 Java 程序 片 中 被 调用 , 当 方 法 被 调用 时 ,方法 内 定 
义 的 变量 被 分 配 内 存 , 调 用 完毕 即 可 释放 所 占 的 内 存 。 当 多 个 客户 同时 请 求 一 个 JSP 页 
面 时 ,他 们 可 能 使 用 方法 操作 成 员 变 量 , 对 这 种 情况 应 给 予 注意 。 在 下 面 的 例 6-3 中 利用 
成 员 变 量 被 所 有 客户 共享 这 一 特性 实现 客户 帮助 计算 x 的 值 (数学 上 有 一 个 计算 «的 公 
式 : x/4 二 1 一 1/3 十 1/5 一 1/7 十 1/9 一 1/11 十 …), 即 每 当 客 户 访问 Example2_6. jsp 都 参与 一 次 
x 的 计算 。 
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【 例 6-3】〗 利用 页 面 访问 次 数 计算 x 的 值 (如 图 6-3 所 示 )。 


ET ET 

(7 MO MCICEO DS ds ©| 
建 让 | 色 ] ep:/hocahost:e080/6-3.p 

您 是 第 1 个 访问 者 

目前 PI 的 计算 结果 是 ， 4.0 


ET 


文件 中 久久 四 查看 收藏 @。 工具 (D) 3 
OE © | 


您 是 第 48 个 访问 者 
目前 PI 的 计算 结果 是 。 3. 1207615795929895 


图 6-3 利用 页 面 访问 次 数 计算 x 的 值 


<% @ page contentType = "text/html;charset = GB2312" %> 
<HIML> 
< BODY bgcolor = cyan ><FONT Size= 1> 
<%! double sum= 0,i=1,j=1; 
long number = 0; 
synchronized void JSPI() 
{ number++; 
sum= sum + i/j; 
j=j+2; 
生 到 :一 :二 
} %> 
<% JSPI(); %> 
<P> 您 是 第 <% = number%> 个 访问 者 
<BR> 
<P> 目 前 PI 的 计算 结果 是 : 
<% = sumx4%> 
</BODY > 
</HIML > 


6.2.3 声明 类 


可 以 在 *<%1” 和 “%>” 之 间 声 明 一 个 类 ,该 类 在 JSP 页 面 内 有 效 , 即 在 JSP 页 面 的 Java 
程序 片 部 分 可 以 使 用 该 类 创建 对 象 。 在 下 面 的 例 6-4 中 定义 了 一 个 Circle 类 , 当 客 户 向 服 
务 器 提交 圆 的 半径 后 ,该 类 的 对 象 负责 计算 面积 和 周 长 。 
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【 例 6-4】 使 用 自 定义 的 类 (如 图 6-4 所 示 )。 


地 址 (D) | 乱 ] htp:Wocahost:a06o16-4.jspycst< 二 | 国 转 到 | 链接 
请 输入 贺 的 半径: 


加 -一 四 


圆 的 面积 是 : 
530. 929158456675 


圆 的 周 长 是 ， 
81. 68140899333463 


回 
于 如 [[[[ [manet 
图 6-4 在 JSP 页 面 中 使 用 自 定义 类 


<$ @ page contentType = "text/html ;charset = GB2312" %> 
<HIML> 
<BODY> 
<P> 请 输入 圆 的 半径 : 
<BR> 
< FORM action = "Example2 7.jsp" method= get name = form> 
< INPUT type = "text" name= "cat" value= "1"> 
< INPUT type = "submit" value = "送出 ”name = submit > 
</FORM> 
<%! public class Circle 
{double r; 
Circle(double r) 
{this.r=r; 
} 
double 求 面积 () 
{return Math. PIx rxr; 
} 
double 求 周 长 () 
{return Math. PI*2*xr; 


} 


第 > 
<% String str = request.getParameter("cat"); 
double r; 
if(str! = null) 
{r = Double. valueOf( str). doubleValue( ); 


} 
else 
(= 由 
} 
Circle circle = new Circle(r); // 创 建 对 象 


第 > 
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<P> 圆 的 面积 是 : 
<BR> 

<$% = circle. 求 面积 () %> 
<P> 圆 的 周 长 是 : 
<BR> 

<$% = circle. 求 周 长 () $> 
<HIML>< BODY> 


6.3 Java 程序 片 


可 以 在 “<%” 和 *%>” 之 间 插 入 Java 程序 片 。 一 个 JSP 页 面 可 以 有 许多 程序 片 ,这 些 程 
序 片 将 被 JSP 引擎 按 顺序 执行 。 在 一 个 程序 片 中 声明 的 变量 称 做 JSP 页 面 的 局 部 变量 , 它 
们 在 JSP 页 面 内 的 所 有 程序 片 部 分 以 及 表达 式 部 分 内 都 有 效 。 这 是 因为 JSP 引擎 将 JSP 
页 面 翻译 成 Java 文件 时 ,将 各 个 程序 片 的 这 些 变 量 作为 类 中 某 个 方法 的 变量 , 即 局 部 变量 。 
利用 程序 片 的 这 个 性 质 , 有 时 候 可 以 将 一 个 程序 片 分 割 成 几 个 更 小 的 程序 片 ,然后 在 这 些小 
的 程序 片 之 间 再 插入 JSP 页 面 的 一 些 其 他 标记 元 素 。 当 程序 片 被 调用 执行 时 ,这 些 变 量 被 
分 配 内 存 空 间 , 所 有 的 程序 片 调用 完毕 ,这些 变量 即 可 释放 所 占 的 内 存 。 当 多 个 客户 请 求 一 
个 JSP 页 面 时 ,JSP 引擎 为 每 个 客户 启动 一 个 线程 ,一 个 客户 的 局 部 变量 和 另 一 个 客户 的 局 
部 变量 被 分 配 不 同 的 内 存 空间 。 因 此 ,一 个 客户 对 JSP 页 面 局 部 变量 操作 的 结果 ,不 会 影 
响 到 其 他 客户 的 这 个 局 部 变量 。 

下 面 例 6-5 中 的 程序 片 负责 计算 1 到 100 的 连续 和 。 

【 例 6-5】 计算 1 到 100 的 连续 和 (如 图 6-5 所 示 )。 


ET ro] x) 
文件 日” 编辑 (6) 查看 W) 收 咸 &) 工具 D 虱 ” 条 


Se- © Pe a 


1 到 100 的 连续 和 : 
5050 


出 寺 [|[[ [manet /4 
图 6-5 使 用 程序 片 计算 连续 和 


<% @ page contentTYpe = "text/html;charset = GB2312" %> 
<HIML> 
< BODY bgcolor = cyan ><FONT size=1> 
<%! 
1ong continueSun( int n) 
{ int sum= 0; 
for(int i=1;i<=n;i++) 
{ sum= sum + i; 
} 
return sum; 


} 
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第 > 
<P>1 到 100 的 连续 和 :<BR> 
<% long sum; 
sum = continueSum( 100); 
out. print("" + sum); 
多 > 
</BODY > 
</HTML> 


下 面 的 例 6-6 将 例 6-5 中 的 程序 片 分 割 成 几 部 分 。 
【 例 6-6】 程序 片 分 割 (如 图 6-6 所 示 )。 


ET lolx) 


文 作品 ”编辑 日 查看) 收藏 W 工具 D 下 助 W | 导 
Oa-©O- OW Pa yom ” 
地 址 {0) | 大 htp:jfocaihost:s080/6-6.sp 。 ”| 园 和 | | 外接 
声明 了 一 个 long 型 变量 sum。 习 
然后 调用 方法 continueSum, 

将 调用 方法 continueSu 得 到 的 值 显示 到 客户 ， 

1 到 101 的 连续 和 是 ， 5151 


您 计算 的 项 数 想 过 100 项 了 。 
加 
图 于 [| [| [| Snret /4 


图 6-6 程序 片 分 割 


<% @ page contentType = "text/html;charset = GB2312" %> 
<HIML> 
< BODY bgcolor = cyan ><FONT size=1> 

<%! 

long continueSum( int n) 
{ int sum= 0; 
for(int i=1;i<=n;i++ )// 使 用 for 循环 ,依次 将 变量 求 和 ,保存 在 sum 中 
{ sum= sum + i; } 
return sum; } %> 

<P> 声明 了 一 个 long 型 变量 sum: 

<% long sum; %> 
<P> 然后 调用 方法 continueSum, 

<% sum= continueSum(101); $%> 
<P> 将 调用 方法 continueSum 得 到 的 值 显示 到 客户 : 
<BR> 
<P>1 到 101 的 连续 和 是 : 

<%= sum S$%> 
<% if(sum>= 5050) 

{%> ” <P> 您 计算 的 项 数 超过 100 项 了 .<%} 

else 

{> <P> 您 计算 的 项 数 没有 超过 100 项 . <% 

} %> 
</FONT ></BODY ></HTML > 
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下 面 例 6-7 的 程序 片 负 责 读 取 服 务 器 上 的 一 个 文件 ,并 将 文件 的 内 容 显 示 给 客户 。 
【 例 6-7】 使 用 程序 片 读 取 文件 (如 图 6-7 所 示 )。 


Es http://localhost:8080/6-7.jsp - MicrosofE Internet Explorer 
文件 (E) ”编辑 (日 ”查看 咱 ” 收 着 负 工具 (D) 帮助 (H) 
rs: a0 Pm wm 加权- " 
地 址 (D) | 乱 ] http:jhiocahost:8080/6-7.jsp 了 ] 贺 $ | 认 接 


6.3 Java 程序 
Ee 和 Java 程序 片 。 一 个 JSP 页 面 可 以 有 许多 程 


序 片 ， 这 些 程序 片 将 被 JS 引擎 按 顺序 执行 。 在 一 个 程序 片 中 声 
明 的 变量 称 做 JSP 贝 面 的 局 部 变量 ， 它 们 在 JSP 页 面 内 的 所 有 程 
人 中 hs 


i 和 - 人 . 
CT TT Yammer 


图 6-7 使 用 程序 片 读 取 文件 


<$ @ page contentType = "text/html;charset = GB2312" %> 
<$ @ page import = "java. io. * ”第 > 
<$% @ page contentType = "text/html;charset = GB2312" $%> 
<% @ page import = "java. io. * ”第 > 
<HIML> 
< BODY bgcolor = cyan ><FONT size=1> 
<% try{ File f= new File("D:/test", "A.txt"); 
FileReader in = new FileReader(f); 
BufferedReader buffer = new BufferedReader (in); 
String s = nul1l; 
while((s = buffer. readLine())! = null) 
{ out.print(s+ "<BR>"); } 
in.close(); 
buffer. close( ); } 
catch( IOException ee) 
{out. print(" 文 件 不 存在 ");} %> 
</BODY > 
</HIML> 


6.4 Java 表达 式 


可 以 在 “<% 二 ”和 *“%>” 之 间 插入 一 个 表达 式 ( 注 意 : 不 可 插入 语句 ,< 多 一 "是 一 个 完整 
的 符号 ,“<%” 和 “二 ”之 间 不 要 有 空格 ) ,这 个 表达 式 必 须 能 求 值 。 表 达 式 的 值 由 服务 器 负责 
计算 ,并 将 计算 结果 用 字符 串 形式 发 送 到 客户 端 显示 。 

下 面 的 例 6-8 计算 表达 式 的 值 。 
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Nt 


【 例 6-8〗 计算 表达 式 的 值 ( 如 图 6-8 所 示 ) 。 


EE http://localhost8080/6-8.jsp - MicrosofE InEETTEEIEREIOEE =|Djxl 
文 伯 虽 ”编辑 G) ”查看 (WW) 收 若 包工 具 D 玫 助 (路 | 多 


QO AD Dm Tm BD. ” 
她 址 (0) | 郑 ] htp:Jlocalhost:606016-8.jsp 了 ] 园 # 链接 
Sin(0. 9) 除 以 3 等 于 0. 2611089698758278 
FE 方 是 ， 9.0 


12345679 乘 72 等 于 888888888 


5 的 平方 根 等 于 2. 23606797749979 


99 大 于 100 吗 ? 回答 false 


图 6-8 计算 表达 式 的 值 


<% @ page contentType = "text/html ;charset = GB2312" $%> 
<HTML> 
<BODY bgcolor = cyan><FONT size=1> 
<P> Sin(0.9) 除 以 3 等 于 
<% = Math. sin(0.90)/3%> 
<p>3 的 平方 是 : 
<% = Math. pow(3,2) %> 
<P>12345679 乘 72 等 于 
<% = 12345679 x 72%> 
<P> 5 的 平方 根 等 于 
<% = Math. sqrt(5) %> 
<P>99 大 于 100 吗 ? 回 答 : 
<% =99>100%> 
</BODY > 
</HTML > 


6.5 JSP 中 的 注释 


注释 可 以 增强 JSP 文件 的 可 读 性 ,并 易于 JSP 文件 的 维护 。JSP 中 的 注释 可 分 为 以 下 
两 种 。 

(1) HTML 注释 : 在 标记 符号 “<! 一 一 ”和 “一 一 >” 之 间 加 入 注释 内 容 。 格 式 如 下 : 

<! -- 注释 内 容 -> 

JSP 引擎 把 HTML 注释 交 给 客户 ,因此 客户 通过 浏览 器 查看 JSP 的 源 文件 时 ,能 够 看 
到 HTML 注释 。 

(2) JSP 注释 : 在 标记 符号 *<% 一 一 "和 "一 一 %>” 之 间 加 入 注释 内 容 。 格 式 如 下 : 

<% -- 注释 内 容 -- %> 

JSP 引擎 忽略 JSP 注释 , 即 在 编译 JSP 页 面 时 忽略 JSP 注释 。 
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6.6 JSP 指令 标签 


6.6.1 page 指令 标签 


page 指令 标签 用 来 定义 整个 JSP 页 面 的 一 些 属性 和 这 些 属性 的 值 。 例 如 ,可 以 用 page 
指令 标签 定义 JSP 页 面 的 contentType 属性 的 值 是 “text/html;charset 二 GB2312”, 这 样 ,页 
面 就 可 以 显示 标准 汉语 。 如 : 

<% @ page contentType = "text/html;charset = GB2312" %> 

page 指令 标签 的 格式 如 下 : 

<$@ page 属性 1=“" 属 性 1 的 值 ” 属性 2=“" 属 性 2 的 值 ” …%> 

属性 值 总 是 用 单 引号 或 双 引号 括 起 来 ,例如 : 

<% @ page contentType = "text/html ;charset = GB2312" import = "java. util. *" $%> 


如 果 为 一 个 属性 指定 几 个 值 的 话 ,这 些 值 用 逗号 分 隔 。page 指令 标签 只 能 给 import 属 
性 指定 多 个 值 ; 其 他 属性 只 能 指定 一 个 值 。 
例如 : 


<%@ page import= "java.util. *" ,"java.io. *", "java.awt. x" $%> 
当 为 import 指定 多 个 属性 值 时 ,JSP 引擎 把 JSP 页 面 翻译 成 的 Java 文件 中 会 有 如 下 的 
import 语句 : 


import java.util. 关 了 
import java. io. # 了 
import java.awt. x*; 


在 一 个 JSP 页 面 中 ,也 可 以 使 用 多 个 page 指令 标签 来 指定 属性 及 其 值 。 需 要 注意 的 


是 : 可 以 使 用 多 个 page 指令 标签 给 属性 import 几 个 值 ,但 其 他 属性 只 能 使 用 一 次 page 指 
令 标签 指定 该 属性 的 一 个 值 。 如 : 


<$ 四 page contentType = "text/htm]l ;charset = GB2312" %> 
<% @ page import = "java. util. *" %> 
<% @ page import = "java. util. * ", "java.awt. x* " $%> 


注 : 下 列 用 法 是 错误 的 : 


<% @ page contentType = "text/htm]l ;charset = GB2312" %> 
<% @ page contentType = "text/htm]l ;charset = GB2312" $%> 


尽管 指定 的 属性 值 相同 ,也 不 允许 两 次 使 用 page 给 contentType 属性 指定 属性 值 。 

注 : page 指令 标签 的 作用 对 整个 页 面 有 效 ,与 其 书写 的 位 置 无 关 , 但 习惯 把 page 指令 
标签 写 在 JSP 页 面 的 最 前 面 。 

下 面 给 出 page 的 几 个 常用 属性 。 
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1) language 属性 
定义 JSP 页 面 使 用 的 脚本 语言 ,该 属性 的 值 目前 只 能 取 "java”。 
为 language 属性 指定 值 的 格式 如 下 : 


<%(@ page language= "java" $$> 


language 属性 的 默认 值 是 "java”, 即 如 果 你 在 JSP 页 面 中 没有 使 用 page 指令 标签 指定 
该 属性 的 值 ,那么 JSP 页 面 默认 有 如 下 page 指令 : 


<%(@ page language = "java" $%> 


2) import 属性 

该 属性 的 作用 是 为 JSP 页面 引入 Java 核心 包 中 的 类 ,这 样 就 可 以 在 JSP 页 面 的 程序 片 
部 分 ,变量 及 函数 声明 部 分 .表达 式 部 分 使 用 包 中 的 类 。 可 以 为 该 属性 指定 多 个 值 , 该 属性 
的 值 可 以 是 Java 某 包 中 的 所 有 类 或 一 个 具体 的 类 ,例如 : 


<$ 四 page import = "java. io. * ", "java. util.Date" $%> 


JSP 页 面 默 认 import 属性 已 经 有 如 下 的 值 :“java. lang. * ”“javax。 servlet. x*”、 
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、“javax. servlet. http. * ”。 


javax. servlet. jsp. * ” 
3) contentType 属性 
该 属性 定义 JSP 页 面 响应 的 MIME(multipurpose Internet mail extention) 类 型 和 JSP 页 面 
字符 的 编码 。 属 性 值 的 一 般 形式 是 :“MIME 类 型 "或 “MIME 类 型 ; charset 二 编码 ”, 如 : 
<$ @ page contentType = "text/html;charset = GB2312" %> 


contentType 属性 的 默认 值 是 “text/html ; charset 王 ISO-8859-1”。 

4) session 属性 

该 属性 用 于 设置 是 否 需 要 使 用 内 置 的 session 对 象 。 

session 的 属性 值 可 以 是 true 或 false,session 默认 的 属性 值 是 true。 

5) buffer 属性 

内 置 输出 流 对 象 out 负责 将 服务 器 的 某 些 信息 或 运行 结果 发 送 到 客户 端 显 示 , buffer 
属性 用 来 指定 out 设置 的 缓冲 区 的 大 小 或 不 使 用 缓冲 区 。 

buffer 属性 可 以 取 值 none, 设 置 out 不 使 用 缓冲 区 。buffer 属性 的 默认 值 是 8Kb。 例 
如 <%@ page buffer= “24Kb” %>。 

6) autoFlush 属性 

指定 out 的 缓冲 区 被 填 满 时 .缓冲 区 是 否 自动 刷新 。 

autoFlush 可 以 取 值 true 或 false。autoFlush 属性 的 默认 值 是 true。 当 autoFlush 属 
性 取 值 false 时 ,如 果 out 的 缓冲 区 填 满 时 ,就 会 出 现 缓存 溢出 异常 。 当 buffer 的 值 是 none 
时 ,autoFlush 的 值 就 不 能 设置 成 false。 

7) isThreadSafe 属性 

该 属性 用 来 设置 JSP 页 面 是 否 可 多 线程 访问 。 

isThreadSafe 的 属性 值 可 以 取 值 true 或 false。 当 isThreadSafe 属性 值 设置 为 true 时 ,JSP 
页 面 能 同时 响应 多 个 客户 的 请 求 ; 当 isThreadSafe 属性 值 设 置 成 false 时 ,JSP 页 面 同一 时 刻 只 
能 响应 一 个 客户 的 请 求 , 其 他 客户 须 排队 等 待 。isThreadSafe 属性 的 默认 值 是 true。 
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8) info 属性 
该 属性 为 JSP 页 面 准备 一 个 字符 串 ,属性 值 是 某 个 字符 串 。 例 如 : 


<%@ page info= "we are students" %> 
可 以 在 JSP 页 面 中 使 用 以 下 方法 获取 info 属性 的 属性 值 : 


getServletInfo(); 


注 : 当 JSP 页 面 被 翻译 成 Java 文件 时 ,翻译 成 的 类 是 Servlet 的 一 个 子 类 ,所 以 在 JSP 
页 面 中 可 以 使 用 Servlet 类 的 方法 getServletInfo()。 


6.6.2 include 指令 标签 


如 果 需 要 在 JSP 页 面 内 某 处 整体 府 入 一 个 文件 ,就 可 以 考虑 使 用 include 指令 标签 。 该 
指令 标签 语法 如 下 : 


<%@ include file= "文件 的 名 字 "”%> 


该 指令 标签 的 作用 是 在 JSP 页 面 出 现 该 指令 的 位 置 处 静态 插入 一 个 文件 。 被 插入 的 
文件 必须 是 可 访问 和 可 使 用 的 , 即 该 文件 必须 和 当前 JSP 页 面 在 同一 Web 服务 目录 中 。 所 
谓 静态 插入 ,就 是 当前 JSP 页 面 和 插入 的 部 分 合并 成 一 个 新 的 JSP 页 面 ,然后 JSP 引擎 再 
将 这 个 新 的 JSP 页 面 翻译 成 Java 类 文件 。 因 此 插入 文件 后 ,必须 保证 新 合并 成 的 JSP 页 面 
符合 JSP 语法 规则 , 即 能 够 成 为 一 个 JSP 页 面 文件 。 比 如 ,如 果 一 个 JSP 页 面 使 用 include 
指令 插入 另 一 个 JSP 文 件 , 被 插入 的 这 个 JSP 页 面 中 有 一 个 设置 页 面 contentType 属性 的 
page 指令 <%@ page contentType 二 "text/html;charset 二 GB2312"”%>, 而 当前 JSP 页 面 已 
经 使 用 page 指令 设置 了 contentType 的 属性 值 ,那么 新 合并 的 JSP 页 面 就 出 现 了 语法 错 
误 , 当 翻译 合并 的 JSP 页面 到 Java 文件 时 就 会 失败 。 

下 面 的 例 6-9 在 JSP 页 面 静态 插入 一 个 文本 文件 Hello. txt, 该 文本 文件 的 内 容 是 :“ 你 
们 好 ,很 高 兴 认 识 你 们 呀 1” 该 文本 文件 必须 和 当前 JSP 页 面 在 同一 Web 服务 目录 中 。 

【 例 6-9】 使 用 include 指令 标签 静态 嵌入 文本 文件 (如 图 6-9 所 示 )。 


ET -=iolxl 


文件 (E) 编辑) ”查看 (收藏) 工具 (D 帮助 t) 下 3 
Qi: © A Pm vm OB. ” 
她 十 (0) | 乱 ] http:/hiocalhost:8080/6-9.jsp 了 ] 国庆 接 


你 们 好 ， 很 高 兴 认 识 你 们 呀 ! 


sl 


SE NE 


图 6-9 使 用 include 指令 标签 静态 嵌入 文本 文件 


<% @ page contentTYpe = "text/html ;charset = GB2312" %> 
< html > 
< BODY bgcolor = cyan> 
<H3 > 
<% @ include file= "Hello. txt" %> 
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</H3 > 
</BODY> 
</HTML > 


注 : 上 述 Example2_14. jsp 等 价 于 下 面 的 JSP 文件 Example2_14_1. jsp。 


Example2 14 1. jsp: 

<$ @ page contentType = "text/htm]l ;charset = GB2312" %> 
< htm]l > 

< BODY> 

< 了 > 

你 们 好 , 很 高 兴 认识 你 们 呀 ! 

</H3 > 

</BODY > 

</HIML > 


注 : 在 Example2_14. jsp 被 翻译 成 Java 文件 后 ,如 果 对 插入 的 文件 Hello. txt 进行 了 
修改 ,那么 必须 重新 将 Example2_14. jsp 翻译 成 Java 文件 (重新 保存 页 面 ,然后 再 访问 该 页 
面 即 可 ) ,否则 只 能 看 到 修改 前 的 Hello. txt 的 内 容 。 

【 例 6-10】 在 JSP 页 面 中 静态 插入 一 个 JSP 文 件 Computer. jsp。 


Computer. jsp: 
< FORM action = "”method = post name = form> 
< INPUT type = "text”name = "ok"> 
< BR >< INPUT TYPE = "submit”value = "送出 " name = submit > 
</FORM > 
<% String a= request. getParameter("ok"); 
if(a== null) 
(a= "1 
} 
try{ 
double number = Integer. parseInt(a); 
out. print("<BR>" + Math. sqrt(number)); 
} 
catch( NumberFormatException e) 
{ 
out. print("<BR>" + "请 输入 数字 字符 "); } %> 


【 例 6-11】 使 用 include 指令 标签 静态 嵌入 JSP 文件 (如 图 6-10 所 示 )。 


文件 日 编 加 (查看 (v) ” 收 送 (a) 工具 (D 帮助 H 


Qs :OAD Mm mr OO 


地 下 (6) [ 乱 ] mtp://ocahost:s080/6-11 .jsp 了 ] 回廊 

请 输入 一 个 正 数 , 点击 按钮 求 这 个 数 的 平方 根 。 机 
二 — 

2.23606797749979 + 

朵 条 EE 


图 6-10 使 用 include 指令 标签 静态 嵌入 JSP 文 件 
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<% @ page contentType = "text/html ;charset = GB2312" %> 
<HIML> 

< BODY Bgcolor = cyan ><FONT size=1> 

<P> 请 输入 一 个 正 数 ,点 击 按钮 求 这 个 数 的 平方 根 。 
<CENTER> 

<% @ include file= "Computer. jsp" %> 

</CENTER> 

</BODY > 

</HIML > 


注 : 上 述 JSP 文件 等 同 于 下 述 JSP 文件: 


<$ @ page contentType = "text/htm]l ;charset = GB2312” %> 
<HIML> 

< BODY Bgcolor = cyan >< FONT size=1> 

<P> 请 输入 一 个 正 数 ,点 击 按钮 求 这 个 数 的 平方 根 。 

< CENTER> 

< FORM action = "" method= post name = form> 

< INPUT type = "text" name = "ok"> 

<BR>< INPUT type = "submit” value = "送出 " name = submit > 


</FORM > 
<% Stringa= request.getParameter("ok"); 
if(a== null) 
(as "in; 


try{ double number = Integer. parseInt(a); 
out, print ("<BR>" + Math. sqrt(number)); } 
catch( NumberFormatException e) 
{ out.print("< BR>" +" 请 输入 数字 字符 "); } $></CENTER ></BODY></HTML> 


6.7 JSP 动作 标签 


动作 标签 是 一 种 特殊 的 标签 , 它 影响 JSP 运行 时 的 功能 。 
6.7.1 include 动作 标签 


include 动作 标签 格式 如 下 : 
<jsp:include page = "文件 的 名 字 "/> 


<jsp:include page = "文件 的 名 字 "></jsp:include> 


该 动作 标签 告诉 JSP 页 面 动态 包含 一 个 文件 , 即 JSP 页 面 运行 时 才 将 文件 加 入 。 与 静 
态 插 入 文件 的 include 指令 标签 不 同 , 当 JSP 引擎 把 JSP 页 面 翻译 成 Java 文件 时 ,不 把 JSP 
页 面 中 动作 指令 include 所 包含 的 文件 与 原 JSP 页 面 合并 成 一 个 新 的 JSP 页 面 ,而 是 告诉 
Java 解释 器 这 个 文件 在 JSP 运行 时 (Java 文件 的 字 节 码 文件 被 加 载 执行 ) 才 包含 进来 。 如 
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果 包 含 的 文件 是 普通 的 文本 文件 ,就 将 文件 的 内 容 发 送 到 客户 端 ,由 客户 端 负责 显示 ; 如 果 
包含 的 文件 是 JSP 文件 ,JSP 引擎 就 执行 这 个 文件 ,然后 将 执行 的 结果 发 送 到 客户 端 ,并 由 
客户 端 负责 显示 这 些 结 果 。 

注 : 

(1) include 动作 标签 与 静态 插入 文件 的 include 指令 标签 有 很 大 的 不 同 。 动 作 标签 是 
在 执行 时 才 对 包含 的 文件 进行 处 理 , 因 此 JSP 页 面 和 它 所 包含 的 文件 在 逻辑 和 语法 上 是 独 
立 的 ,如 果 对 包含 的 文件 进行 了 修改 ,那么 运行 时 看 到 的 是 所 包含 文件 修改 后 的 结果 ; 而 静 
态 include 指令 包含 的 文件 如 果 发 生 了 变化 ,必须 重新 将 JSP 页 面 翻 译 成 Java 文件 (可 将 该 
JSP 页 面 重新 保存 ,然后 再 访问 ,就 可 产生 新 的 翻译 Java 文件 ) ,否则 只 能 看 到 所 包含 的 修 
改 前 的 文件 内 容 。 

(2) 书写 include 动作 标签 <jsp:include page…/> 时 要 注意 :“jsp”、“: ”“include” 三 者 
之 间 不 要 有 空格 。 

下 面 的 例 6-12 动态 包含 两 个 文件 : image. html 和 Hello. txt。 把 Example6_16. jsp 页 
面 保存 到 Tomcat\Jakarta-tomcat-4. 0\webapps\root 下 ,在 root 下 新 建 一 个 文件 夹 Myfile， 
将 Hello. txt 存放 在 MyFile 文件 夹 中 ,将 image. html 存放 在 root 下 。 

Hello. txt: 

<H4 > 你 好 , 祝 学 习 进 步 ! 

<BR> 学 习 JSP 要 有 Java 语言 的 基础 。 

<BR> 要 认真 学 习 JSP 的 基本 语法 。 

</H4 > 


image. html : 
< image src = "toml. jpg"> 


【 例 6-12】 使 用 include 动作 标签 加 载 图 片 文件 (如 图 6-11 所 示 )。 


ET ol x) 
文件 E) 编辑 (EB) 查看 W 收 癌 ) 工具 D 1!” 避 


OO ND  ” 
地 址 (D) | 乱 ]http:/ocalhost:sos0/6-12.sp 本 | 国 甘 到 | 读 接 
加 载 的 文件 ， 


.4 祝 学 习 进步 ! 
SP 要 有 Java 语 言 的 基础 。 


学 习 
要 认真 学 习 3 汐 基 束 语法 。 
加 载 的 图 像 ， 


图 6-11 用 include 动作 标签 加 载 图 片 文件 
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Example6 16. jsp: 

<$% @ page contentType = "text/htm]l ;charset = GB2312” 当 > 

<HIML> 

< BODY BGCOLOR = Cyan >< FONT Size=1> 

<P> 加 载 的 文件 : 
< jsp: include page = "Myfile/Hello. txt"> 
</jsp:include> 

< 了 > 加 载 的 图 像 : 

<BR> 
< jsp:include page = "image. html"> 
</jsp:include> 

</BODY > 

</HTML> 


由 于 动作 指令 include 是 动态 地 包含 一 个 文件 ,因此 客户 可 以 通过 HTML 表单 提交 需 
要 包含 的 文件 的 名 字 。 在 下 面 的 例 6-13 中 ,用 Java 语言 中 的 File 类 列 出 了 Tomcat\ 
Jakarta-tomcat-4. 0\webapps\root\Myfile 下 所 有 的 JSP 文件 ,客户 通过 表单 ,提交 要 加 载 
的 文件 的 全 名 。 

【 例 6-13】 使 用 include 动作 标签 加 载 JSP 文件 (如 图 6-12 所 示 )。 


蚤 http:/ /localhost:8080/6-13.jsp - Microsoft Internet EAI =lD|x| 
文件 (E) ”编辑 (E) ”查看 (V) 收藏 (8) ”工具 (D 才 助 中) | 尾 


QO at Pm vm Ol “ 


她 址 (D) | 等 ] http://iocalhost:808016-13.jsp 
下面 列 出 了 服务 器 上 的 一 些 jsp 文 件 


6-1. jsp 


请 输入 一 个 jsp 文 件 的 名 字 , 加 载 这 个 jsp 文 件 ， 


[Ez2isp 


加 载 的 效果 ， 
您 是 第 7 个 访问 本 站 的 客户 。 


图 6-12 用 include 动作 标签 加 载 JSP 文件 


Example6_ 17. jsp: 
<$ @ page contentType = "text/htm]l ;charset = GB2312" %> 
< 外 四 page import = "java.io. *" $%> 
<%! class FileJSP implements FilenameFilter 
{ String str= null; 
FileJSP(String s) 


{str="."+s; 
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} 
public boolean accept (File dir, String 
name) 
{ return name. endsWith( str); 
}}%> 
< BODY bgcolor = cyan ><FONT Size= 1> 
<P> 下 面 列 出 了 服务 器 上 的 一 些 JS 文件 
<% File dir = new 
File("d:/Tomcat/Jakarta - tomcat — 4.0/webapps/root/Myfile"); 
FileJSP file jsp= new FileJSP("jsp"); 
String file name[] = dir.list(file jsp); 
for(int i=0;i<file name. length;i++) 
{out. print("<BR>" +file name[i]); } %> 
<P> 请 输入 一 个 JSP 文件 的 名 字 , 加 载 这 个 JSP 文件 : 
< FORM action = "Example2_17.jsp" method= post name = form> 
< INPUT type = "text" name = "ok"> 
<BR> 
< INPUT TYPE = "submit" value = "送出 ”name = submit> 
</FORM > 
<% String fileName = "/Myfile/"; 
fileName = fileName + request. getParameter("ok"); $%> 
<P> 加 载 的 效果 : 
< jsp:include page = "<$% = fileName %$>"> 
</jsp:include ></BODY> 


6.7.2 param 动作 标签 


param 标签 以 “名 字 - 值 ”对 的 形式 为 其 他 标签 提供 附加 信息 ,这 个 标签 与 jsp:include、 


jsp:forward\jsp:plugin 标签 一 起 使 用 。 
param 动作 标签 格式 如 下 : 


< jsp:param name = "名 字 " value= "指定 给 paran 的 值 "> 


当 该 标签 与 jsp:include 标签 一 起 使 用 时 ,可 以 将 param 标签 中 的 值 传递 到 include 指 
令 要 加 载 的 文件 中 去 ,因此 include 动作 标签 如 果 结 合 param 标签 ,可 以 在 加 载 文件 的 过 程 
中 向 该 文件 提供 信息 。 下 面 的 例 6-14 动态 包含 文件 tom. jsp, 当 该 文件 被 加 载 时 获取 
param 标签 中 computer 的 值 ( 获 取 computer 的 值 由 JSP 的 内 置 对 象 request 调用 


getParameter 方法 完成 ) 。 


tom. jsp: 
<% @ page contentType = "text/htm]l ;charset = GB2312" %> 
<HIML> 
<BODY> 
<% String str = request.getParameter("computer" ) // 获 取 值 


int n= Integer. parseInt(str); 


int sum= 0; 
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for(int i=1;i<=n;i++) 
{ sum= sum + i; 
} $><P> 
从 1 到 <% =n%> 的 连续 和 是 : 
<BR> 
<% = Sum 和 > 
</BODY> 
</HIML> 


【 例 6-14】 使 用 param 标签 传递 参数 (如 图 6-13 所 示 )。 


E TO TT olxl 
文件 E) ”编辑 (四 查看 W) 收 咸 8) 工具 (D 帮助 中 | 荐 


凶 : 卓 -同人 0 有 时 
地 址 (0) | 外] htp:/ocahost'eoaol6-14jsp ”加 团 转 到 | 庆生 
加 载 文件 效果 : = 


从 1 到 300 的 连续 和 是 ， 
45150 


图 6-13 用 param 标签 传递 参数 


Example6_18. jsp: 

<% @ page contentType = "text/html;charset = GB2312" %> 
<HIML> 

<BODY> 


<P> 加 载 文件 效果 : 
< jsp: include page = "tom. jsp"> 
< jsp:param name = "computer" value = "300" /> </jsp:include ></BODY></HTML > 


6.7.3 forward 动作 标签 
forwar 动作 标签 格式 如 下 : 


< jsp:forward page = "要 转向 的 页 面 " > 
</jsp:forward> 


< jsp:forward page= "要 转向 的 页 面 " /> 


该 动作 标签 的 作用 是 : 从 该 指令 处 停止 当前 页 面 的 继续 执行 ,而 转向 其 他 的 JSP 页 面 。 
假设 Example6 _11. jsp 存放 在 D:/Tomcat/Jakarta- tomcat-4. 0 / webapps/ root/Myfile 下 ; 


Example2_2 存放 在 D:/Tomcat/Jakarta-tomcat-4. 0/ webapps /root/ 下 。 下 面 的 Example6_ 


19.jsp 存放 在 D:/Tomcat/ Jakarta- tomcat-4. 0/webapps/root/ 下 。 


在 下 面 的 JSP 页 面 中 ,首先 随机 获取 一 个 数 ,如果 该 数 大 于 0. 5 就 转向 页 面 Example6_ 
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11.jsp; 否 则 转向 页 面 Example6_2.jsp。 图 6-14 是 Example6_19. jsp 运行 几 次 后 随机 出 现 
的 两 种 运行 效果 。 


【 例 6-15】 使 用 forward 指令 进行 页 面 转向 (如 图 6-14 所 示 )。 


alhost-8080,6-15.jsp - Microsoft 三 


您 是 第 8 个 访问 本 站 的 客户 。 


PE- | | 
ET IO 


文 作 E 久 红 四 查看 吧 克 和 工具 (D 六 WD | 愉 
Om -©O- dD Pm 


妨 己 (DO) 从] mep:/focshost-s080/6-15 psp 7 加 全 
Sin(0. 9) 除 以 3 等 于 0. 2611089698758278 


3 的 平方 是 ， 9.0 
12345679 科 12 等 于 888888838 
5 的 平方 根 等 于 2. 23606797749979 
99 大 于 100 吗 ? 回答 。 false 
Da 一 一 一 一 天 广 mas 


图 6-14 用 forward 指令 进行 页 面 转向 


Example6_19. jsp: 
<% @ page contentType = "text/html;charset = GB2312" %> 
<HTML> 
< BODY> 
<$ double i= Math. random( ); 
if(i>0.5) 
{%> 
< jsp: forward 
page = "/Myfile/Example2 11.jsp" > 
</jsp:forward> <% } 
else 
{ %> 
< jsp:forward page = "Example2_2. jsp”> 
</jsp:forward> <% } %> 
<P> 这 句 话 和 下 面 的 表达 式 的 值 能 输出 吗 ? 
<% =i%></BODY> 
</HTML > 


该 指令 也 可 以 结合 param 指令 ,向 要 转 到 的 页 面 传送 信息 。 
页 面 转 到 come. jsp, 并 向 转 到 的 come. jsp 页 面 传递 一 个 数值 ,如 图 6-15 所 示 。 


下 面 的 Example6_20. jsp 
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E http:,/localhost:8080/6-16.jsp = MICEOSOE IN 


文件 中 编 回 四 ”查看 收 高 ) 工具 Ey 3 
四 银 - 加 -四 加 四 | 县 7” 
地 址 (0) [大 ] http:j/iocalhost:6080/6-16.jsp =] 园 #| | 儿 


您 传 过 来 的 数值 是 : 
0. 4482918668279877 


图 6-15 用 param 标签 传 值 到 转向 页 面 


Come. jsp: 
<$ @ page contentType = "text/htm]l ;charset = GB2312" $%> 
<HIML> 
< BODY bgcolor = cyan ><FONT Size=1> 
< 外 String str = request. getParameter( "number" ); 
double n = Double. parseDouble( str); %> 
<P> 您 传 过 来 的 数值 是 :< BR> 
<$ =n%></BODY></HTML > 


【 例 6-16】 使 用 param 标签 传 值 到 转向 页 面 (如 图 6-15 所 示 )。 


Example6_20. jsp: 
<% @ page contentType = "text/html;charset = GB2312" %> 
<HIML> 
<BODY> 
<% double i= Math. random(); $%> 
< jsp: forward page = "come. jsp" > 
< jsp:param name = "number" value = "<% =i%>" /> 
</jsp:forward > </BODY ></HTML > 


6.7.4 plugin 动作 标签 


<jsp:plugin > 用 于 在 浏览 器 中 播放 或 显示 一 个 对 象 (通常 为 Applet 或 Bean) ,而 显示 需 
要 在 浏览 器 中 安装 一 个 java 插件 。 当 JSP 网 页 被 编译 后 送 往 浏览 器 执行 时 ,<jsp:plugin > 
将 会 根据 浏览 器 的 版 本 替换 成 < object > 标签 或 者 <embed > 标签 。 

一 般 来 说 ,<jsp:plugin > 会 指定 对 象 是 Applet 或 Bean, 同 样 也 会 指定 类 的 名 字 和 位 置 ， 
另外 还 会 指定 将 从 哪里 下 载 这 个 java 插件 。 

Plugin 动作 标签 格式 如 下 : 


<jsp:plugin type= "applet”code = "小 应 用 程序 的 字 节 码 文件 
jreversion = "Java 虚拟 机 版 本 号 ”width= "小 程序 宽度 值 ” height = "小 程序 高 度 值 " > 
<jsp:fallback > 
提示 信息 : 用 来 提示 用 户 的 浏览 器 是 否 支持 插件 下 载 
</jsp:fallback> 
</jsp:plugin> 


2 


A 


动态 网 站 设计 与 开发 实用 教程 


(6.8 本 章 小 结 


本 章 介绍 了 JSP 的 语法 规则 。JSP 的 语法 被 分 为 JSP 指令 JSP 脚本 元 素 和 JSP 的 标 
准 动作 几 个 部 分 。 在 JSP 页 面 中 包含 两 种 不 同类 型 的 注释 : 一 种 是 JSP 本 身 , 用 于 描述 
JSP 程序 代码 : 另 一 种 是 JSP 生成 的 页 面 , 即 HTML 和 XML 注释 。 通 过 学 习 标签 的 内 容 ， 
结合 网 页 制作 工具 ,编写 JSP 应 用 程序 。 


(6.9 思考 与 练习 


. JSP 的 脚本 元 素 分 为 哪 3 种 格式 ? 

.Page 指令 包括 哪些 内 容 ? 

什么 是 include 指令 标签 ? 

.如 何在 JSP 中 加 注释 ? 

.比较 include 指令 标签 和 include 动作 标签 。 
. 利用 include 动作 标签 动态 加 载 页 面 。 

. 利用 param 和 forward 制作 转向 页 面 。 

. 利用 JSP 技术 制作 网 站 计数 器 。 


OT 
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Servlet 和 JavaBean 技术 | 


随 着 Internet 的 发 展 ,C/S 模式 方面 的 许多 新 技术 应 运 而 生 , 其 中 最 瞩目 的 就 是 Java。 
Java 不 但 是 一 种 计算 机 高 级 语言 ,同时 也 提供 了 一 整套 客户 机 /服务 器 解决 方案 ,在 这 种 方 
案 中 ,程序 可 以 自动 下 载 到 客户 端 并 执行 。Servlet 就 是 解决 这 种 方案 的 最 好 办 法 。 它 可 以 
被 Web 服务 器 加 载 和 执行 。JavaBean 是 一 个 可 以 重复 使 用 的 软件 部 分 ,该 软件 可 以 用 来 
生成 进行 可 视 处 理 的 组 件 。 

学 习 目标 及 要 求 

(1) 理解 Servlet 的 使 用 方法 。 

(2) 能 够 编写 简单 的 Servlet 。 

(3) 理解 JavaBean 技术 。 

(4) 能 够 使 用 JavaBean 标签 。 


(li Servlet 简介 


从 功能 上 来 说 ,Servlet 与 JSP 完全 一 样 。 但 是 从 编写 的 角度 来 说 是 不 一 样 的 : JSP 是 
在 HTML 或 者 XML 文档 中 嵌入 Java 脚本 或 者 JSP 标签 形成 的 ,是 文本 文件 ; 而 Servlet 
是 纯 Java 文件 ,是 一 个 类 。 所 有 使 用 Servlet 完成 的 功能 ,包括 与 用 户 的 交互 ,都 是 通过 
Java 代码 完成 的 。 

Servlet 是 用 Java 语言 编写 的 运行 在 服务 器 端的 小 应 用 程序 ,能 够 接收 Web 客户 端的 
请 求 , 并 能 对 Web 客户 端 进行 响应 ,通常 是 通过 HTTP(hypertext transfer protocol) 协 议 
进行 工作 的 。 

可 以 认为 Servlet 是 服务 器 端的 Applet( 实 际 上 ,Applet 运行 在 客户 端 ,而 Servlet 运行 
在 服务 器 端 ) 。 


7.1.1 Servlet 的 主要 方法 


Servlet 是 一 个 Java 类 ,主要 有 3 类 方法 ,分 别 是 : 

(1) init 方法 .用 于 初始 化 。 

(2) destroy 方法 ,用 于 释放 资源 。 

(3) service 方 法 (服务 类 方法 ) ,对 用 户 的 请 求 进行 处 理 , 并 对 用 户 进行 响应 。 
此 外 ,还 有 doGet 和 doPost 等 方法 。doGet 方法 可 以 响应 get 方式 的 请 求 ,doPost 方 
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法 可 以 响应 post 方式 的 请 求 。 通 常 ,表单 提交 都 使 用 post 方式 , 超 链 接 使 用 get 方式 。 
7.1.2 编写 简单 的 Servlet 


1. 编写 Servlet 


首先 确定 要 实现 的 功能 ,功能 确定 之 后 ,根据 Servlet 的 框架 来 编写 Servlet。 这 里 主要 
关注 编写 Servlet 的 一 般 过 程 。 

因为 Servlet 是 Java 类 ,所 以 它 与 一 般 的 Java 类 的 编写 基本 相同 。 具 体 步骤 如 下 : 

(1) 创建 一 个 包 。 假 设 包 名 是 servlets ,创建 包 的 代码 如 下 : 


package servlets; 


(2) 导入 用 到 的 包 。 需 要 导入 的 包 有 javax. servlet. * 和 javax. servlet. http. * ,通常 
还 需要 导入 java. io. * 包 。 代 码 如 下 : 

import javax. servlet. # 了 

import javax. servlet. http. * ; 

import java. io. # 了 

(3) 定义 类 的 基本 框架 并 继承 HttpServlet。 每 个 Servlet 都 必须 实现 接口 Servlet ,而 
这 里 要 编写 的 Servlet 主要 用 于 HTTP 协议 ,可 以 继承 实现 了 Servlet 接口 的 HttpServlet 。 
代码 如 下 : 

public class HelloServlet extends HttpServlet 

: 

(4) 编写 成 员 方法 。Servlet 通常 不 需要 成 员 变 量 , 成 员 方 法 包括 init、 service、 destroy 
等 。 如 果 要 对 Servlet 进行 初始 化 , 则 要 实现 init 方法 。 如 果 要 在 印 载 Servlet 时 执行 一 些 
功能 , 则 要 实现 destory 方法 。 一 般 情况 下 ,根据 要 完成 的 功能 只 人 须 实现 服务 类 方法 即 可 。 
这 里 只 实现 doGet 方法 。 服 务 类 方法 有 两 个 参数 : 第 一 个 参数 是 HttpServletRequest 的 对 
象 , 该 参数 包含 了 用 户 的 所 有 请 求 信 息 , 要 想 获 取 用 户 的 请 求 信息 ,必须 使 用 该 对 象 提 供 的 
方法 ; 第 二 个 参数 是 HttpServletResponse 的 对 象 ,可 以 通过 这 个 对 象 对 用 户 进行 响应 ,如 
果 和 希望 对 用 户 进行 响应 或 者 设置 响应 相关 的 信息 ,要 使 用 该 对 象 的 方法 。 

【 例 7-1】 本 实例 完成 的 功能 是 向 用 户 输出 一 行文 字 , 所 以 无 须 获取 用 户 的 请 求 信息 ， 
只 须 对 用 户 进行 响应 即 可 。 在 对 用 户 进 行 响应 的 时 候 ,要 设 定 文档 类 型 以 及 编码 方式 等 ,就 
像 在 JSP 中 每 个 文件 都 要 设置 page 标签 的 contentType 属性 一 样 。 之 后 要 向 用 户 输出 一 
些 内 容 , 要 先 获取 输出 流 。 响 应 页 面 的 属性 设置 和 输出 流 的 获取 都 是 与 响应 相关 的 ,要 使 用 
第 二 个 参数 来 完成 。 

【代码 】 


public void doGet (HttpServletRequest request, HttpServletResponse) 
throws IOException, ServletException 


{ 
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response. setContentType( "text/htm]l;charset = gb2312"); 
PrintWriter out = response. getWriter(); 
out. println("<htm] >"); 
out. println("<head><title> Hello World!</title ></head>"); 
out. println("<body>"); 
out. println("<p> Hello World!</p >"); 
out. println("</body ></htm] >" ); 
} 


从 代码 可 以 看 出 ,如 果 使 用 Servlet 完成 对 用 户 的 响应 ,所 有 的 响应 内 容 , 包 括 格式 信息 
等 ,都 要 通过 输出 语句 输出 。 如 果 使 用 JSP 完成 这 个 功能 就 非常 简单 了 。 正 因为 这 个 原 
因 , 才 推出 了 JSP 技术 。JSP 技术 的 主要 优势 就 在 于 与 用 户 进行 交互 比较 方便 。 所 以 如 果 
要 完成 的 功能 是 与 用 户 进 行 交 互 , 则 应 该 使 用 JSP 完成 。 

为 了 使 这 个 Servlet 能 够 响应 post 请 求 ,需要 实现 doPost 方法 ,这 时 只 须 调用 doGet 
方法 即 可 。 代 码 如 下 : 


public void doPost(HttpServletRequest request, HttpServletResponse response) 
throws ServletException, IOException 
{ 
doGet (request, response); 
} 


要 把 这 两 个 方法 添加 到 前 面 定义 的 类 HelloServlet 中 。 
2. 编译 Servlet 


Servlet 开发 所 需要 的 包 有 javax. servlet. * 和 javax. servlet. http. * 。 这 些 包 不 是 
Java 标准 版 的 类 库 ,如果 没有 安装 Java EE 开发 环境 , 则 需要 配置 环境 变量 。 这 些 包 位 于 
Tomcat 安装 目录 下 的 lib 下 的 servlet-api. jar 压缩 包 中 ,需要 把 这 个 压缩 包 添 加 到 环境 变 
量 中 。 

假设 servlet-api. jar 所 在 的 位 置 为 C:\Program Files\Apache Software Foundation\ 
Tomcat 6. 0\lib, 需 要 在 环境 变量 classpath 中 添加 C:\Program Files\Apache Software 
Foundation\ Tomcat 6. 0\lib\servlet-api. jar。 


3. 配置 Servlet 


Servlet 编写 完 之 后 ,作为 Web 应 用 的 组 成 部 分 ,要 在 配置 文件 web. xml 中 进行 配置 。 
Servlet 的 配置 包括 两 部 分 : 第 一 部 分 是 Servlet 的 声明 ; 第 二 部 分 是 Servlet 访问 方式 的 
设置 。 

首先 是 Servlet 的 声明 ,使 用 < servlet > 元 素 : 

<servlet> 

< servlet - name > hello</servlet — name> 
< servlet - class > servlets. HelloServlet </servlet ~ class> 

</ servlet > 

< servlet-name > 用 于 声明 Servlet 的 名 字 , 这 里 .hello 是 Servlet 的 名 字 ; < servletclass > 用 
于 声明 Servlet 所 对 应 的 类 .这 里 .servlets. HelloServlet 是 这 个 Servlet 所 对 应 的 类 名 。 
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然后 是 Servlet 映射 ,主要 配置 访问 该 Servlet 的 方式 ,使 用 < servlet-mapping > 元 素 : 


< servlet — mapping> 
<servlet — name > hello</servlet -name> 
<url— pattern >/hello </url - pattern> 
</servlet — mapping> 


< servlet-name > 表示 Servlet 的 名 字 , 要 和 上 面 的 Servlet 声明 保持 一 致 ; < url-pattern > 表示 


访问 时 的 格式 ,例如 要 访问 上 面 这 个 Servlet 要 使 用 hello 作为 名 字 访 问 。servlet-name 和 
url-pattern 可 以 不 相同 。 服 务 器 接收 到 请 求 之 后 会 根据 这 个 url-pattern 查找 相应 的 


Servlet 。 


4. 部 署 Servlet 


Servlet 编写 完成 之 后 ,需要 部 署 到 服务 器 才能 访问 ,编译 好 的 文件 要 放 在 Web 应 用 的 


WEB-INF\classes 下 面 。 


资源 


5. 访问 Servlet 


对 Servlet 的 访问 与 对 JSP 的 访问 基本 相同 ,可 以 通过 以 下 3 种 方式 进行 : 
(1) 通过 在 浏览 器 中 直接 输入 地 址 访问 : 


http://127.0.0.1:8080/test/hello 

(2) 通过 超 链接 的 形式 访问 : 

<a href = "http://127.0.0.1:8080/test/hello"> 第 一 个 Servlet </a> 
(3) 通过 表单 提交 的 方式 访问 : 


< form method = get action= "http://127.0.0.1:8080/test/hello"> 


7.1.3 Servlet 运行 原理 


Servlet 的 运行 原理 如 图 7-1 所 示 , 具 体 介 绍 如 下 。 

(1) 服务 器 接收 到 客户 端的 请 求 时 , 先 判 断 用 户 所 请 求 的 Servlet 对 象 是 否 存 在 : 

。 如 果 存 在 , 则 直接 调用 Servlet 对 象 的 Service 方法 (间接 调用 doGet 方法 或 者 
doPost 方法 ) 。 

。 如 果 不 存在 , 则 加 载 Servlet 类 ,创建 Servlet 对 象 并 实例 化 ,然后 调用 init 方法 进行 
初始 化 ,之 后 调用 Servlet 对 象 的 Service 方法 。 

(2) 使 用 Service 方法 执行 的 结果 对 用 户 进行 响应 。 

在 Web 应 用 被 印 载 或 者 服务 器 被 关闭 时 ,系统 和 印 载 Servlet, 调 用 destroy 方法 释放 


Servlet 的 加 载 有 两 种 方式 : 

。 第 一 次 请 求 时 加 载 。 

。 服务 器 启动 时 加 载 。 

这 两 种 方式 各 有 利 浆 。 如 果 第 一 次 请 求 时 加 载 ,加 载 的 速度 比较 慢 , 但 是 不 浪费 空间 。 
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图 7-1 Servlet 的 运行 原理 


如 果 是 启动 服务 器 时 加 载 ,请 求 的 第 一 次 访问 变 慢 ,但 是 如 果 一 直 没 有 人 访问 , 则 这 段 时 间 
就 浪费 了 空间 。 
加 载 Servlet 的 方式 可 以 在 web. xml 中 声明 Servlet 时 配置 。 如 果 和 希望 在 启动 时 加 载 
HelloServlet, 可 使 用 下 面 的 代码 声明 : 
<servlet> 
<servlet — name > hello</servlet - name> 
< servlet — class > servlets. HelloServlet </servlet - class> 


<load- on- startup>1 </load— on— startup> 
</servlet > 


(和 2 使 用 Servlet 完成 控制 


7.2.1 接收 用 户 的 输入 信息 


在 Servlet 中 ,doPost 和 doGet 服务 方法 中 都 有 一 个 参数 是 HttpServletRequest 的 对 
象 ,用 户 的 请 求 信息 存放 在 该 对 象 中 ,要 获取 用 户 提交 的 数据 要 通过 该 对 象 获取 。 获 取 用 户 
请 求 信息 的 方法 有 两 种 : 


© String getParameter(String name) 
© string[ ] getParamterValues(String name) 


第 一 种 方法 用 于 获取 单 值 表单 元 素 的 值 .参数 指出 要 获取 的 表单 元 素 的 名 字 。 例 如 ,用 
户 在 输入 用 户 编号 的 时 候 使 用 的 表单 元 素 的 名 字 是 userid, 要 想 获 取 用 户 在 这 个 输入 框 中 
输入 的 值 , 就 可 以 使 用 下 面 的 代码 : 


String userid = request. getParameter("userid"); 
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如 果 参 数 指定 的 表单 元 素 的 名 字 不 存在 : 则 返回 null。 所 以 通常 在 处 理 时 ,要 先 判断 返 
回 的 结果 是 否 为 null。 

第 二 种 方法 用 于 获取 多 值 表单 元 素 的 值 ,参数 也 是 表单 元 素 的 名 字 ,但 是 返回 值 是 一 个 
数组 。 


7.2.2 调用 业务 方法 


因为 Servlet 是 Java 类 ,所 以 调用 业务 方法 的 代码 就 是 在 Java 中 学 习 的 调用 其 他 类 的 
方法 。 首 先 要 创建 所 使 用 的 JavaBean 的 对 象 , 然 后 再 调用 业务 方法 。 
要 使 用 UserBean 对 象 ,可 以 使 用 下 面 的 代码 ， 


UserBean user = new UserBean(); 
要 调用 业务 方法 ,可 以 使 用 下 面 的 代码 : 


boolean b = user.validate(userid, userpass); 


7.2.3 使 用 request 存储 执行 的 结果 


Servlet 完成 控制 的 功能 ,查询 的 结果 通过 视图 (JSP 文件 ) 显 示 , 要 把 查询 的 结果 传递 
给 JSP 文件 。 因 为 打开 这 两 个 文件 属于 同一 次 请 求 ,所 以 共享 同一 个 request。 因 为 共享 同 
一 个 request, 所 以 在 Servlet 中 把 查询 结果 存储 在 request 中 ,然后 在 视图 中 显示 结果 。 

在 登录 功能 中 无 须 传递 信息 。 假 设 要 把 使 用 temp 对 象 保存 的 查询 结果 传递 到 视图 ， 
可 以 使 用 下 面 的 代码 : 


request. setAttribute("user", temp); 


7.2.4 选择 界面 对 用 户 进行 响应 


Servlet 中 的 最 后 一 项 任务 就 是 跳 转 到 显示 界面 ,在 显示 界面 显示 信息 。 在 JSP 中 要 重 
定向 到 某 个 文件 ,可 以 使 用 <jsp:forward > 标签 。 那 么 在 Servlet 中 如 何 完成 这 种 跳 转 呢 ? 
在 Servlet 中 提供 了 一 个 RequestDispatcher 接口 ,通过 这 个 接口 可 以 完成 重 定向 功能 。 

要 使 用 RequestDispatcher, 需 要 先 创建 该 类 的 对 象 ,可 以 通过 request 的 getRequestDispatcher 
方法 创建 。 该 方法 需要 一 个 String 类 型 的 参数 ,该 参数 指定 要 转向 的 文件 。 假 设 要 转向 
userlist. jsp, 可 以 使 用 下 面 的 代码 : 


RequestDispatcher rd = request. getRequestDispatcher( "userlist. jsp"); 
要 完成 转向 ,还 要 调用 一 个 方法 ,用 法 如 下 : 
rd. forward( request, response) ; 


在 学 习 < jsp:forward > 标签 时 还 学 习 过 一 个 标签 <jsp:include >。<jsp:include > 标签 对 
应 的 功能 在 Servlet 中 的 实现 也 是 通过 上 面 的 RequestDispatcher 来 实现 的 。 例 如 ,现在 要 
包含 userlist. jsp ,而 不 是 转向 success.jsp, 可 以 使 用 下 面 的 代码 : 
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RequestDispatcher rd = request. getRequestDispatcher( "success. jsp" ); 

rd. include( request, response) ; 

实际 上 ,还 有 一 个 方法 , 即 response 对 象 的 sendRedirect 方法 ,可 以 完成 重 定 向 的 功 
能 。 例 如 ,要 转向 success. jsp, 可 以 使 用 下 面 的 代码 : 


response. sendRedirect("success. jsp" ); 


但 是 对 于 当前 的 功能 来 说 ,不 能 使 用 这 个 方法 ,因为 这 个 方法 与 上 面 介 绍 的 方法 有 一 些 
区 别 。 在 使 用 RequestDispatcher 时 ,当前 文件 和 要 转向 的 文件 属于 同一 次 请 求 ,可 以 共享 
request 对 象 。 而 在 使 用 response 对 象 的 sendRedirect 方法 时 ,当前 文件 和 要 转向 的 文件 不 
属于 同一 次 请 求 , 属 于 两 次 请 求 , 所 以 不 能 共享 request。 如 果 需 要 通过 request 对 象 传递 信 
息 ,就 不 能 使 用 response 的 sendRedirect 方法 。 如 果 当 前 文件 和 要 转向 的 文件 无 须 共 享 任 
何 信息 ,那么 这 时 两 种 方式 都 可 以 。 

【 例 7-2〗 通过 界面 选择 对 用 户 进行 响应 。 

完整 的 代码 如 下 : 


package servlets; 
import javax. servlet. *; 
import javax. servlet. http. x* ; 
import java, io. # 了 
import beans. *; 
public class LoginServlet extends HttpServlet{ 
public void doGet(HttpServletRequest request, HttpServletResponse response) 
throws IOException, ServletException{ 
// 获 取 用 户 输 入 的 用 户 ID 和 口令 
String userid = request. getParameter("userid"); 
String userpass = request.getPrameter("userpass"); 
// 创 建 模型 对 象 
UserBean user = new UserBean(); 
// 调 用 业务 方法 进行 验证 
boolean b = user. validate(userid, userpass); 
// 要 转向 的 文件 
String forward; 
// 如 果 登 录 成 功 ,就 把 用 户 名 写 人 session 中 , 并且 转向 success. jsp, 
// 否 则 转向 failure. jsp 


if(b){ 
// 目 标 转向 文件 是 success. jsp 
forward = "success. jsp"; 
J}else{ 


// 目 标 转向 文件 是 failure. jsp 


forward = "failure. jsp"; 


} 
// 获 取 Dispatcher 对 象 
RequestDispatcher dispatcher = request.getRequestDispatcher (forward); 
// 完 成 跳 转 
dispatcher. forward(request, response); 
} 
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LoginServlet 编写 完 之 后 需要 配置 。 在 web. xml 中 配置 如 下 : 


<servlet> 
<servlet — name> login</servlet — name> 
<servlet— class> servlets. LoginServlet </servlet ~ class> 
</servlet > 
<servlet ~ mapping> 
<servlet — name> login</servlet -name> 
<url— pattern>/login</url - pattern> 
</servlet — mapping> 


要 在 login. jsp 中 访问 Servlet, 要 修改 form 表单 中 的 action 属性 ,修改 如 下 : 


< form name = "forml" action = "login" method= "post" 
onsubmit = "return isValidate(forml)"> 


CS JavaBean 简介 


JavaBean 是 使 用 Java 语言 编写 的 组 件 。 该 组 件 的 特点 是 : 能 够 完成 特定 的 功能 ,这 些 
功能 主要 用 于 共享 ; 该 组 件 是 一 个 大 的 系统 的 组 成 部 分 ,不 能 独立 运行 ; 该 组 件 的 主要 目 
的 是 供 其 他 文件 进行 调用 。 

JavaBeans 其 实 是 一 个 Java 类 ,只 是 对 类 的 定义 进行 了 一 定 的 限制 ,限制 的 目的 是 使 一 
个 JavaBeans 具有 通用 性 ,并 且 能 被 JavaBeans 的 容器 所 识别 ,这 样 用 户 只 要 遵守 JavaBeans 
的 使 用 要 求 ,不 用 编写 代码 就 可 以 在 任何 一 个 程序 中 使 用 JavaBeans。 

一 个 JavaBeans 组 件 由 属性 ,方法 和 事件 三 部 分 组 成 。 

1. JavaBeans 的 属性 

JavaBeans 的 属性 用 来 描述 组 件 的 内 部 状态 。 一 般 对 组 件 的 操作 都 会 涉及 属性 ,或 者 
说 对 组 件 所 有 操作 的 最 终 目的 就 是 控制 它们 的 属性 ,通过 属性 的 改变 来 改变 内 部 状态 。 

属性 的 声明 与 一 个 Java 类 中 一 般 属 性 的 声明 类 似 。 一 个 属性 包括 属性 名 和 属性 的 类 型 。 

JavaBeans 的 属性 类 型 可 以 是 Java 语言 中 的 基本 数据 类 型 ,也 可 以 是 复合 数据 类 型 
(如 类 ) 。 


2. JavaBeans 的 方法 


要 对 JavaBeans 的 属性 进行 操作 或 要 实现 其 他 的 运算 和 处 理 功能 ,就 必须 在 JavaBeans 
中 定义 方法 。 
JavaBeans 的 方法 表示 了 一 个 JavaBeans 对 外 提供 的 功能 和 服务 。 


3. JavaBeans 的 事件 


JavaBeans 的 事件 与 Java 图 形 用 户 界 面 中 的 事件 模型 类 似 , 用 于 响应 用 户 的 操作 。 
7.3.1 编写 JavaBean 


根据 以 上 特点 ,要 编写 一 个 JavaBean ,实际 上 就 是 编写 一 个 Java 类 , 即 编 写 私 有 属性 、 
对 私有 属性 进行 操作 的 方法 、 无 参数 构造 方法 和 业务 方法 。 
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下 面 是 一 个 对 用 户 信息 进 行 验证 的 JavaBean。 用 户 信息 非常 多 ,为 了 简化 代码 ,在 
JavaBean 中 仅仅 写 了 两 个 属性 : username 和 userpass。 


package bean; 
public class UserBean 
{ 
private String username; 
private String userpass; 
public String getUsername( ) 
{ 
return username; 
} 
public void setUsername( String username) 
{ 
this.username = username; 
} 
public String getUserpass( ) 
{ 
return userpass; 
} 
public void setUserpass(String userpass) 
{ 
this. userpass = userpass; 
} 
public int check() 
{ 
if(username. equals("zhangsan") && userpass. equals( "wangwu" )) 
return 0; 
else if(username. equals("wangwu") && userpass. equals("zhangsan")) 
return 1; 
else 
return 一 17 


} 


这 段 代 码 中 定义 了 两 个 String 类 型 的 成 员 变 量 username 和 userpass, 它 们 的 访问 控制 
类 型 都 是 private。 这 段 代 码 提供 了 两 个 对 成 员 变 量 username 进行 操作 的 方法 : 一 个 是 赋 
值 的 方法 setUsername, 参 数 是 要 赋 的 值 , 没 有 返回 值 , 所 以 返回 值 类 型 是 void; 另 一 个 是 获 
取 值 的 方法 getUsername, 返 回 值 类 型 和 成 员 变 量 的 类 型 一 致 ,没有 参数 。 这 段 代码 同样 也 
提供 了 两 个 对 userpass 属性 进行 操作 的 方法 。 

另外 ,这 段 代码 还 定义 了 一 个 check 方法 ,这 个 方法 的 作用 是 验证 用 户 名 和 口令 是 否 正 
确 , 以 及 相应 的 权限 。 如 果 返 回 值 是 一 1, 则 表示 用 户 登 录 失 败 ; 如 果 返 回 值 是 0, 则 表示 当 
前 用 户 是 普通 用 户 ; 如 果 返 回 值 是 1, 则 表示 当前 用 户 是 管理 员 。 这 个 方法 就 是 这 个 
JavaBean 的 业务 方法 。 

因为 这 个 类 不 在 分 布 式 环境 下 使 用 ,所 以 可 以 不 实现 java. io. Serializable 接口 。 另 外 ， 
在 这 个 类 中 没有 提供 无 参数 的 构造 方法 ,但 实际 上 使 用 的 是 系统 提供 的 默认 的 无 参数 构造 
方 活 = 
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7.3.2 编译 JavaBean 


选择 “开始 ”一 “运行 "命令 ,通过 命令 行进 入 到 Java 文件 所 在 的 位 置 , 然 后 输入 下 面 的 
命令 进行 编译 : 
javac UserBean. java 


如 果 没 有 语法 错误 , 则 编译 通过 。 图 7-2 显示 了 这 个 过 程 。 


on 5.89.2195] 
oft Corp. 


\Progran Files\Apache Software Foundation\Ioncat 5.5\Wwebapps\error\WEB 


\Progran Files\Apache Software Foundation\Tomcat 5.5\webapps\error\WEB-INF\c1al 
s\beanYjavac UserInfo.java 


\Progran Files\Apache Software Foundation\Iomcat 5.5\webapps\error\WEB-INF\c1al 


图 7-2 JavaBean 编译 过 程 


7.4 部 署 JavaBean 


JavaBean 编写 完 之 后 ,要 部 署 到 相应 的 位 置 才 可 以 运行 。 可 以 把 JavaBean 放 在 很 多 位 
置 ,只 要 Web 应 用 在 运行 时 能 够 访问 到 即 可 RS 上 所 有 的 Java 文件 的 部 署 位 置 是 相同 
的 ,包括 我 们 自己 编写 的 JavaBean, 也 包括 已 经 存在 的 JavaBean。 在 实际 应 用 中 使 用 已 经 
存在 的 JavaBean 的 机 会 更 多 

在 Web 应 用 中 ,如果 这 些 Java 文件 仅仅 是 与 当前 这 个 Web 应 用 相关 的 , 则 可 以 放 在 
这 个 Web 应 用 中 ; 如 果 这 些 Java 文件 是 同一 个 服务 器 上 的 所 有 应 用 共享 的 , 则 应 该 把 Java 
文件 放 在 所 有 Web 应 用 都 能 够 访问 的 地 方 ,而 不 是 某 个 具体 的 Web 应 用 中 。 

对 于 某 个 特定 的 Web 应 用 使 用 的 Java 文件 ,应 该 放 在 WEB-INF 目录 下 的 classes 子 
目录 中 。 如 果 Java 文件 是 以 压缩 包 的 形式 出 现 的 , 则 应 该 放 在 WEB-INF 目录 下 的 lib 子 
目录 中 。 所 有 Java 文件 的 处 理 方式 是 相同 的 

对 于 共享 的 Java 文件, 这些 文 件 一 般 都 以 压缩 包 的 形式 出 现 , 可 以 放 在 服务 器 的 类 路 
径 中 ,通常 把 压缩 包 放 在 tomcat 安装 目录 下 的 lib 子 目录 下 。 放 在 这 个 位 置 的 Java 文件 ， 
在 所 有 Web 应 用 中 都 可 以 被 访问 。 还 可 以 把 类 文件 放 在 Java 的 类 路 径 上 ,例如 放 在 C:\ 
Program Files\JavaNjdk1. 5.0_01NjreNlib\ext 下 。 

把 JavaBean 放 在 WEB-INF\classes 下 面 ,需要 在 应 用 中 的 WEB-INF 目 对 下 创建 
classess 子 目录 ,然后 把 编译 好 的 文件 放 到 classes 目录 中 。 如 果 Java 文件 中 定义 了 包 , 则 
应 该 在 classes 中 创建 包 的 信息 。 例 如 ,在 图 7-2 中 的 UserBean 中 定义 了 包 名 “bean”, 所 以 
编译 好 的 文件 UserBean. class 应 该 位 于 WEB-INF\classes\bean 中 。 
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7.4.1 使 用 JavaBean 


使 用 JavaBean 完成 口令 验证 ,基本 过 程 如 下 : 
首先 声明 JavaBean 的 对 象 ,并 使 用 无 参数 构造 方法 进行 实例 化 ， 


UserBean user = new UserBean(); 
接着 调用 setUsername 和 setUserpass 方法 对 两 个 属性 赋值 : 


user. setUsername( username); 
user. setUserpass(userpass); 


然后 调用 业务 方法 : 

int result = user.check(); 
进而 可 以 根据 该 方法 返回 的 结果 进行 相应 的 处 理 。 

如 果 把 这 样 的 代码 直接 放 在 JSP 文件 中 也 可 以 ,这 样 就 是 JSP 的 最 初 形式 。 在 HTML 
代码 中 嵌入 Java 代码 , 写 起 来 非常 方便 ,但 是 因为 Java 代码 和 HTML 代码 夹杂 在 一 起 维 
护 起 来 很 不 方便 ,所 以 在 JSP 中 提供 了 几 个 对 JavaBean 进行 操作 的 标签 ,使 用 这 些 标签 可 
以 避免 使 用 Java 代码 。 标 签 的 使 用 非常 简单 ,与 普通 的 HTML 标签 的 使 用 非常 类 似 。 


7.4.2 JavaBean 标签 使 用 
1. <jsp:useBean > 标签 


<jsp:useBean > 标签 的 作用 就 是 声明 一 个 对 象 , 如 果 这 个 对 象 已 经 存在 ,就 查找 到 这 个 
对 象 ; 如 果 这 个 对 象 不 存在 ,就 创建 对 象 。 它 与 代码 UserBean user 二 new UserBean() 的 
作用 类 似 。 该 标签 的 基本 语法 格式 如 下 : 

< jsp:useBean id= "对 象 名 " class = "完整 的 类 名 ”scope = "作用 范围 "/> 


id 属性 指出 定义 的 对 象 的 名 字 , 这 个 名 字 应 该 符合 Java 变量 命名 规范 。class 属性 指 
出 这 个 变量 的 类 型 ,应 该 是 类 的 完整 类 型 ,包含 类 的 包 的 信息 。scope 属性 指出 这 个 变量 的 
作用 范围 ,有 4 种 可 能 的 选项 : page、request、session 和 application。 通 常 我 们 定义 的 变量 
仅仅 是 在 本 次 请 求 内 使 用 ,所 以 通常 使 用 request。 如 果 仅 仅 是 在 当前 页 面 使 用 ,可 以 使 用 
page。 如 果 要 共享 ,可 以 使 用 session 或 者 application。 

这 个 标签 会 使 用 class 指定 的 类 创建 一 个 对 象 , 对 象 的 名 字 是 属性 id 指定 的 名 字 , 对 象 
的 作用 范围 是 scope 属性 指出 的 作用 范围 。 

要 想 创建 UserBean 的 对 象 ,需要 知道 完整 的 类 名 、 对 象 的 名 字 和 对 象 的 作用 范围 。 这 
里 类 的 名 字 是 bean. UserBean, 对象 名 字 是 user, 作 用 范围 是 本 次 请 求 .所 以 使 用 < jsp: 
useBean > 改写 后 的 代码 如 下 : 


< jsp:useBean id= "user" class = "bean. UserBean" scope= "request" /> 


2. <jsp:setProperty > 标签 


<jsp:setProperty > 标签 用 于 对 JavaBean 的 属性 赋值 ,可 以 对 某 个 JavaBean 的 某 个 属 
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性 赋值 ,也 可 以 对 JavaBean 的 所 有 属性 赋值 。 它 与 直接 调用 setUsername 和 setUserpass 
的 作用 是 相同 的 。 

<jsp:setProperty > 标签 的 基本 格式 如 下 : 

< jsp:setProperty name = "JavaBean 的 名 字 ” property= "属性 的 名 字 " 

[value = " 值 "] [param = "表单 元 素 名 字 "]/> 

要 为 某 个 JavaBean 的 某 个 属性 赋值 ,需要 知道 为 哪个 JavaBean 的 哪个 属性 赋值 ,以 及 
赋 什 么 样 的 值 。name 属性 指出 要 对 哪个 JavaBean 赋值 ,该 JavaBean 应 该 是 已 经 存在 的 
JavaBean。property 属性 指出 要 为 JavaBean 的 哪个 属性 赋值 ,应 该 是 JavaBean 的 某 个 属性 
的 名 字 。value 或 者 param 指出 要 赋 什 么 样 的 值 ,value 直接 指出 值 ,param 指出 使 用 用 户 的 
表单 请 求 数据 中 表单 元 素 的 名 字 。 

要 为 前 面 声 明 的 JavaBean 对 象 user 的 username 属性 赋值 lixucheng, 可 以 使 用 下 面 的 
代码 : 


< jsp:setProperty name = "user" property = "username" value = "1ixucheng" /> 


value 的 值 可 以 使 用 表达 式 语言 ,这 样 就 可 以 使 用 前 面 定 义 好 的 信息 。 假 设 在 request 
中 已 经 存在 保存 用 户 名 的 username 变量 ,可 以 写成 下 面 的 样子 : 


< jsp:setProperty name = "user" property = "username" value = " $ {username}"/> 

如 果 这 个 值 是 来 自 请 求 信息 中 的 表单 元 素 username, 则 可 以 写成 下 面 的 样子 : 
< jsp:setProperty name = "user" property = "username" value = " $ {param.username}"/> 
如 果 要 赋 的 值 来 源 于 请 求 表单 元 素 , 还 可 以 写成 下 面 的 样子 : 

< jsp:setProperty name = "user" property = "username" param = "username" /> 


如 果 表 单元 素 的 名 字 和 要 赋值 的 属性 的 名 字 相同 , 则 可 以 省 略 param 属性 (效果 是 相 
同 的 ): 


< jsp:setProperty name = "user" property = "username"/> 


也 就 是 说 ,如 果 没 有 给 定 值 ,系统 会 查看 请 求 表单 元 素 ,看 有 没有 与 当前 要 赋值 的 属性 
的 名 字 相 同 的 ,如 果 有 , 则 获取 这 个 表单 元 素 的 值 ,然后 给 JavaBean 的 属性 赋值 。 
要 想 为 JavaBean 的 userpass 属性 赋值 ,可 以 使 用 下 面 的 代码 : 


< jsp:setProperty name = "user" property = "userpass"/> 


这 时 分 别 从 表单 元 素 中 取出 用 户 名 和 口令 ,然后 分 别 对 Java 的 属性 username 和 
userpass 进行 赋值 。 在 这 样 的 情况 下 ,两 个 赋值 语句 可 以 写 在 一 起 ,如 下 所 示 : 


< jsp:setProperty name = "user" property=" * "/> 


该 语句 表示 为 user 对 象 的 所 有 属性 赋值 。 

综 上 所 述 ,<jsp:setProperty > 标签 存在 以 下 4 种 形式 : 

。 <jsp: setProperty name 一 "JavaBean 的 名 字 ”property 一 "属性 的 名 字 ”value 一 
" 值 "/>。 
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。 <jsp:setProperty name 一 "JavaBean 的 名 字 ”property 王 "属性 的 名 字 ”param 王 " 表 
单元 的 名 字 "/>。 

。 <jsp:setProperty name 一 "JavaBean 的 名 字 ”property 一 "属性 的 名 字 "/>。 

。 <jsp:setProperty name 一 "JavaBean 的 名 字 " property 二 " x* "/>。 


3. 使 用 <jsp:getProperty> 


<jsp:getProperty > 标签 用 于 获取 JavaBean 的 属性 的 值 ,并 显示 在 相应 的 位 置 上 ,其 作 
用 与 调用 getUsername 和 getUserpass 的 作用 是 相同 的 。 
<jsp:getProperty > 标签 的 基本 格式 如 下 : 


< jsp:getProperty name = "JavaBean 的 名 字 "” property= "属性 的 名 字 "/> 


name 属性 指定 要 获取 哪个 JavaBean 的 属性 ,这 个 JavaBean 应 该 是 一 个 已 经 存在 的 
JavaBean。property 属性 指定 获取 JavaBean 的 哪个 属性 ,是 JavaBean 的 属性 的 名 字 。 要 想 
获取 属性 username 的 值 ,可 以 使 用 下 面 的 代码 : 


< jsp:getProperty name = "user" property = "username"/> 
这 个 代码 与 下 面 代码 的 作用 完全 相同 : 


$ {user. username} 


.5 本 章 小 结 


Servlet 是 一 种 Web 组 件 ,与 JSP 完成 的 功能 完全 相同 。JSP 的 优势 在 于 开发 界面 ,而 
Servlet 的 优势 在 于 控制 。 

Servlet 是 一 个 Java 类 ,但 它 与 JavaBean 不 同 。Servlet 可 以 接收 用 户 的 请 求 ,可 以 对 
用 户 进行 响应 ,而 JavaBean 只 能 被 其 他 的 文件 调用 。 

编写 在 Web 上 使 用 的 Servlet 都 要 继承 一 个 HTTPServlet 类 。Servlet 中 主要 包括 3 
类 方法 : init 初始 化 方法 .doGet 和 doPost 等 service 方法 以 及 destroy 方法 。 在 Servlet 的 
生命 周期 中 ,每 次 请 求 都 会 调用 service 方法 ,而 只 有 在 创建 Servlet 实例 之 后 才 会 调用 init 
方法 进行 初始 化 , 且 只 执行 一 次 。 

Servlet 编译 之 后 需要 放 到 WEB-INF 目录 下 的 classes 子 目录 中 ,并 且 需 要 在 web. xml 
文件 中 进行 配置 。 

在 Servlet 中 可 以 通过 第 一 个 参数 request 的 getParameter 方法 和 getParameterValues 
方法 获取 用 户 输入 的 信息 ,可 以 通过 response 对 象 获 取 输 出 流 对 象 out 来 对 用 户 进行 响应 。 

Servlet 作为 控制 器 主要 完成 以 下 工作 : 

(1) 获取 用 户 提交 的 信息 。 

(2) 调用 业务 方法 。 

(3) 通过 向 request 中 保存 信息 来 向 页 面 传递 信息 。 

(4) 根据 业务 方法 的 返回 结果 对 用 户 进行 响应 。 

JavaBean 是 组 件 ,但 是 不 能 独立 运行 。JavaBean 能 够 封装 一 些 功能 ,并 且 这 些 功能 是 
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一 些 通用 的 功能 ,主要 供 其 他 应 用 来 调用 。 

JavaBean 就 是 普通 的 Java 类 ,在 编写 JavaBean 时 要 提供 无 参数 构造 方法 ,要 编写 私有 
属性 以 及 对 属性 进行 操作 的 公有 方法 ,要 封装 常用 的 功能 。 

JavaBean 编写 之 后 要 放 在 Web 应 用 的 WEB-INF 目录 下 的 classes 子 目录 中 。 要 按照 
包 名 组 织 文 件 。 


0.6 思考 与 练习 


1. JSP 和 Servlet 有 什么 相同 点 ? 有 什么 不 同 点 ? 

2. Servlet 和 JavaBean 有 什么 相同 点 ? 有 什么 不 同 点 ? 

3. 简 述 Servlet 的 生命 周期 。 

4. 是 不 是 对 Servlet 的 每 个 请 求 都 会 创建 一 个 Servlet 对 象 ? 如 果 不 是 ,那么 Servlet 
在 响应 每 个 用 户 的 请 求 时 有 什么 区 别 ? 

5. 编写 好 的 Servlet 需要 放 在 什么 地 方 ? 

6. 如 何 理解 JavaBean? 

7. JavaBean 与 JSP 的 区 别 是 什么 ? 

8. 在 JavaBean 中 有 一 个 属性 usertype, 类 型 是 String, 现 在 希望 添加 两 个 对 属性 进行 
操作 的 setter 方法 和 getter 方法 。 请 写 出 这 两 个 方法 。 

9. 有 一 个 JavaBean, 类 名 是 DoAll, 包 名 是 com. nf. ma, 请 写 出 这 个 JavaBean 在 Web 
应 用 中 存放 的 位 置 。 
0. 使 用 <jsp:useBean > 标签 声明 的 JavaBean 对 象 的 作用 范围 有 哪些 ? 这 些 作用 范围 
有 什么 区 别 ? 
1. 有 一 个 JavaBean, 类 名 是 MyBean, 包 名 是 mypackage, 现 在 希望 使 用 这 个 类 创建 一 
个 名 字 为 beanl 的 对 象 ,这 个 对 象 的 作用 范围 是 session。 请 使 用 <jsp:useBean > 标签 完成 
这 个 功能 。 
2. 在 表单 中 有 一 个 输入 框 ,名 字 为 myinput, 现 在 希望 把 用 户 输 入 的 信息 赋值 给 第 11 
题 中 定义 的 beanl 对 象 的 属性 myProperty。 请 使 用 <jsp: setProperty > 标签 完成 该 功能 。 
3. 现在 希望 把 第 11 题 的 beanl 对 象 的 myProperty 属性 输出 到 界面 上 ,请 使 用 
<jsp:getProperty > 标签 完成 。 
4. 在 Java 代码 中 如 何 使 用 JavaBean( 包 括 JavaBean 对 象 的 创建 对 JavaBean 对 象 的 
属性 赋值 .得 到 JavaBean 对 象 的 属性 值 .调用 JavaBean 对 象 的 业务 方法 )? 
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通过 本 章 的 学 习 让 学 生 了 解 JSP 内 置 对 象 的 基本 关系 ; 理解 session 对 象 和 application 对 
象 的 方法 ; 掌握 request 对 象 获取 信息 、request 对 象 处 理 汉字 信息 ,response 对 象 改变 
HTTP 头 、response 对 象 重 定向 ,response 的 状态 行 、out 对 象 的 方法 ; 并 能 够 运用 所 学 实 
现 计数 器 、 留 言 板 。 

学 习 目 标 及 要 求 

(1) 了 解 文 件 类 、 流 的 概念 。 

(2) 理解 字 节 流 、 字 符 流 、 回 压 字符 流 、 数 据 流 、 对 象 流 、RandomAccessFile 流 。 

(3) 掌握 以 上 各 种 流 的 文件 操作 方法 。 

(4) 应 用 文件 上 传 , 文 件 下 载 。 

有 些 对 象 不 用 声明 就 可 以 在 JSP 页 面 的 脚本 部 分 使 用 ,这 就 是 JSP 的 内 置 对 象 。 

JSP 的 内 置 对 象 有 resquest response .session application 和 out。 


@.1 request 对 象 


HTTP 通信 协议 是 客户 与 服务 器 之 间 一 种 提交 (请 求 ) 信 息 与 响应 信息 (request/ 
respone) 的 通信 协议 。 在 JSP 中 ,内 置 对 象 request 封装 了 用 户 提 交 的 信息 ,那么 该 对 象 调 
用 相应 的 方法 可 以 获取 封装 的 信息 ,即使 用 该 对 象 可 以 获取 用 户 提交 的 信息 。 

客户 通常 使 用 HTML 表单 向 服务 器 的 某 个 JSP 页 面 提交 信息 ,表单 的 一 般 格式 如 下 : 

< FORM method= get | post action = "提交 信息 的 目的 地 页 面 "> 

提交 手段 

</FORM >... 


其 中 ,<FORM > 是 表单 标签 ,method 取 值 get 或 post。get 方 法 和 post 方 法 的 主要 区 
别 是 : 使 用 get 方 法 提交 的 信息 会 在 提交 的 过 程 中 显示 在 浏览 器 的 地 址 栏 中 ; 而 使 用 
post 方 法 提交 的 信息 不 会 显示 在 地 址 栏 中 。 提 交手 段 包括 通过 文本 框 、 列 表 、 文 本 区 等 。 
例如 : 


< FORM action= "tonm. jsp" method= "post" > 

< INPUT type = "text" name = "boy" value = "ok"> 

< INPUT type = "submit" value = "送出 " name = "submit"> 
</FORM> 
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该 表单 使 用 post 方法 向 页 面 tom. jsp 提交 信息 ,提交 信息 的 手段 是 在 文本 框 输入 信 
息 ,其 中 默认 信息 是 “ok”, 然 后 单 击 “送出 ?按钮 向 服务 器 的 JSP 页 面 tom.jsp 提交 信息 。 

request 对 象 可 以 使 用 getParameter(String s) 方 法 获取 该 表单 通过 text 提交 的 信息 ， 
例如 request. getParameter("boy")。 


8.1.1 获取 客户 提交 的 信息 


request 对 象 获取 客户 提交 信息 的 最 常用 的 方法 是 getParameter(String s)。 在 下 面 的 
例 8-1 中 ,Example8_1. jsp 通过 表单 向 tree. jsp 提交 信息 "I am a student”; tree. jsp 通过 
request 对 象 获取 表单 提交 的 信息 ,包括 text 的 值 以 及 按钮 的 值 。 

在 本 章 中 ,例子 中 所 涉及 的 JSP 页 面 都 保存 在 Web 服务 目录 的 根 目录 Root 中 , 即 DD; 


tomcat/jakarta-tomcat-4. 0/ webapps/ Root 中 。 


【 例 8-1】 通过 表单 向 tree. jsp 提交 信息 (如 图 8-1 所 示 )。 


Example8_1. jsp: 
<$% @ page contentType = "text/html ;charset = GB2312" %> 
<HIML> 
< BODY bgcolor = green ><FONT size=1> 

< FORM action = "tree. jsp" method = post name = form> 

< INPUT type = "text" name = "boy"> 
< INPUT type = "submit" value = "Enter" name = "submit"> 

</FORM > 
</FONT > 
</BODY > 
</HIML > 
tree. jsp: 
<% @ page contentType = "text/html;charset = GB2312" %> 
<HIML> 
< BODY bgcolor = green ><FONT size= 1> 
<P> 获 取 文 本 框 提交 的 信息 : 

<$ String textContent = request. getParameter("boy"); %> 
<BR><% = textContent %> 
<P> 获取 按钮 的 名 字 : 

<% String buttonName = request. getParameter("submit"); %> 
<BR> <$ = buttonName % > </FONT></BODY ></HTML > 
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图 8-1 提交 信息 与 获取 信息 
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在 下 面 的 例 8-2 中 ,Example8_2.jsp 通过 表单 向 自己 提交 一 个 正 数 ,然后 计算 这 个 数 的 
平方 根 。 


【 例 8-2〗 通过 表单 向 自己 提交 一 个 正 数 ,然后 计算 这 个 数 的 平方 根 (如 图 8-2 所 示 ) 。 


Example8 2. jsp: 
<% @ page contentType = "text/html ;charset = GB2312" %> 
<HIML> 
< BODY bgcolor = cyan ><FONT size=1> 
<FORM action= "Example8 2.jsp" method= post name = form> 
<INPUT type = "text" name = "girl"> 
< INPUT TYPE = "submit" value = "Enter" name = "submit"> 
</FORM > 
<% String textContent = request. getParameter("girl"); 
double number = 0,r= 0; 
if(textContent == nul1) 
{textContent = 
try{ number = Double. parseDouble(textContent) ; 
if(number >= 0) 
{r= Math. sqrt(number) ; 
out. print("<BR>" + String. value0f (number) + "的 平方 根 : "); 
out. print ("<BR>" + String. valueOf (r)); } 
else 
{out. print("<BR>" + "请 输入 一 个 正 数 "); }} 
catch( NumberFormatException e) 
{out. print("<BR>" + "请 输入 数字 字符 ");} %> 
</FONT ></BODY ></HTML > 
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图 8-2 计算 数 的 平方 根 


8.1.2 处理 汉字 信息 


当 用 request 对 象 获取 客户 提交 的 汉字 字符 时 会 出 现 乱码 问题 ,所 以 对 含有 汉字 字符 
的 信息 必须 进行 特殊 的 处 理 。 首 先 ,将 获取 的 字符 串 用 ISO-8859-1 进行 编码 ,并 将 编码 存 
放 到 一 个 字 节 数组 中 ,然后 将 这 个 数组 转化 为 字符 串 对 象 即 可 。 如 下 所 示 : 


String str = request. getParameter("girl"); 
byte b[ ] =str.getBytes("IS0— 8859—1"); 
str= new String(b); 
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通过 上 述 过 程 ,提交 的 任何 信息 (无 论 是 中 文字 符 或 西 文字 符 ) 都 能 正确 地 显示 。 

下 面 的 例 8-3 对 例 8-1 按 上 述 办 法 做 了 改动 ,并 将 按钮 上 的 字 变 成 汉语 ,在 文本 框 里 输 
入 “ 蕴 果 : apple:12 斤 5$”, 然 后 提交 给 tree. jsp。 

【 例 8-3】 将 按钮 上 的 字 变 成 汉语 ,在 文本 框 里 输入 “苹果 : apple:12 斤 5$”, 然 后 提交 
给 tree.jsp( 如 图 8-3 所 示 )。 


Example8_3. jsp: 
<% @ page contentType = "text/htm]l ;charset = GB2312" $%> 
<HIML> 
< BODY bgcolor = green ><FONT size=1> 
< FORM action = "tree. jsp" method = post name = form> 
< INPUT type = "text" name = "boy"> 
< INPUT type = "submit" value = "提交 " name = "submit"> 
</FORM > </FONT ></BODY ></HTML> 
tree. jsp: 
<% @ page contentType = "text/htm] ;charset = GB2312" %> 
< MHML>< BODY > 
<P> 获 取 文 本 框 提交 的 信息 : 
<% String textContent = request. getParameter("boy"); 
byte b[]= textContent. getBYytes("ISO 一 8859 一 1"); 
textContent = new String(b); %> 
<BR> <5$ = textContent %> 
<P> 获取 按钮 的 名 字 : 
<% String buttonName = request. getParameter("submit"); 
byte c[]= buttonName.getBytes("ISO0— 8859—1"); 
buttonName = new String(c); %> 
<BR> <% =buttonName %></BODY></HIML> 
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图 8-3 提交 和 获取 含有 汉字 的 信息 


8.1.3 常用 方法 举例 


当 客 户 访问 一 个 页 面 时 ,会 提交 一 个 HTTP 请 求 给 服务 器 的 JSP 引擎 ,这 个 请 求 包括 
一 个 请 求 行 、http 头 和 信息 体 , 如 下 所 示 : 


post/tree2. jsp/HTTP.1.1 
host: localhost: 8080 
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accept 一 encoding: gzip, deflate 


其 中 , 首 行 叫 请 求 行 ,规定 了 向 访问 的 页 面 请 求 提交 信息 的 方式 ,如 post、get 等 ,以 及 
请 求 的 页 面 的 文件 名 字 和 使 用 的 通信 协议 。 

第 二 三 行 分别 是 两 个 头 (Header) , 称 host、accept-encoding 是 头 名 字 , 而 localhost: 
8080 以 及 gzip ,deflate 分 别 是 它们 的 值 。 这 里 host 的 值 是 tree2. jsp 的 地 址 。 上 面 的 请 求 
有 两 个 头 : host 和 acceptrencoding ,一 个 典型 的 请 求 通常 包含 很 多 的 头 , 有 些 头 是 标准 的 ， 
有 些 头 和 特定 的 浏览 器 有 关 。 

一 个 请 求 还 包含 信息 体 , 即 HTML 标记 组 成 的 部 分 ,可 能 包括 各 式 各 样 用 于 提交 信息 
的 表单 等 ,如 : 

<BODY> 

< FORM action = "tree2. jsp" method= post name = form> 
< INPUT type = "text" name = "boy"> 
<INPUT type = "submit" value = "" name = "submit"> 
</FORM> 

</BODY > 

可 以 使 用 JSP 引擎 的 内 置 对 象 request 来 获取 客户 提交 的 信息 ,说明 如 下 。 

(1) getProtocol(): 获取 客户 向 服务 器 提交 信息 所 使 用 的 通信 协议 ,如 http/1. 1 等 。 

(2) getServletPath(): 获取 客户 请 求 的 JSP 页 面 文件 的 目录 。 

(3) getContentLength(): 获取 客户 提交 的 整个 信息 的 长 度 。 

(4) getMethod(): 获取 客户 提交 信息 的 方式 ,如 post 或 get。 

(5) getHeader(String s): 获取 HTTP 头 文件 中 由 参数 s 指定 的 头 名 字 的 值 ,一 般 来 
说 ,s 参数 可 取 的 头 名 有 accept、 referer、 accept-language、 content-type、accept-encoding、 
user-agent ,host ,contentrlength connection .cookie 等 。 例 如 ,s 取 值 user-agent 将 获取 客 
户 的 浏览 器 的 版 本 号 等 信息 。 

(6) getHeaderNames(): 获取 头 名 字 的 一 个 枚 举 。 

(7) getHeaders(String s): 获取 头 文件 中 指定 头 名 字 的 全 部 值 的 一 个 枚 举 。 

(8) getRemoteAddr(): 获取 客户 的 IP 地 址 。 

(9) getRemoteHost(): 获取 客户 机 的 名 称 ( 如 果 获 取 不 到 ,就 获取 IP 地 址 )。 

(10) getServerName() : 获取 服务 器 的 名 称 。 

(11) getServerPort() : 获取 服务 器 的 端口 号 。 

(12) getParameterNames(): 获取 客户 提交 的 信息 体 部 分 中 name 参数 值 的 一 个 枚 举 。 

下 面 的 例 8-4 使 用 了 request 的 一 些 常用 方法 。 

【 例 8-4】 request 的 常用 方法 (如 图 8-4、 图 8-5 所 示 )。 

Example8_4. jsp: 

<HIML> 

< BODY bgcolor = cyan ><FONT size= 1> 

<% @ page contentType = "text/html ;charset = GB2312" %> 

< FORM action = "tree2. jsp" method = post name = form> 

< INPUT type = "text" name = "boy"> 

< INPUT type = "submit" value = "enter" name = "submit"> 
</FORM > </FONT ></BODY ></HTML > 
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客户 使 用 的 协议 是 : HTTP/1, 1 

获取 接受 客户 提交 信息 的 页 面 。 /tree2. jsp 

接受 客户 提交 信息 的 长 度 ， 22 

客户 提交 信息 的 方式 ， POST 

获取 HTTP 头 文件 中 User-Agent 的 值 ，， Nozilla/4.0 
(compatible; MSIE 6.0; Windows NT 5.1; SV1) 

获取 HTTP 头 文件 中 accept 的 值 。 */* 

获取 HTTP 头 文件 中 Host 的 值 : localhost:8080 

获取 HTTP 头 文件 中 accept-encoding 的 值 ， gzip，deflate 
获取 客户 的 IP 地 址 ， 127. 0. 0.1 

获取 客户 机 的 名 称 。 127. 0. 0.1 

获取 服务 器 的 名 称 ， localhost 

获取 服务 器 的 端口 号 ， 8080 

获取 客户 端 提交 的 所 有 参数 的 名 字 ， boy submit 

与 取 头 名 字 的 一 个 枚 举 ， accept referer accept-language 
content-type accept-encoding user-agent host content— 
length connection cache-control cookie 

获取 头 文件 中 指定 头 名 字 的 全 部 值 的 一 个 枚 举 : 
JSESSIONID=771AA3B078FBE80251AAOTA755A3AB84 
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图 8-5 使 用 request 方 法 获取 的 信息 


tree2. jsp: 
<% @ page contentType = "text/htm]l ;charset = GB2312" %> 
<%(@ page import = "java. util. *" %> 
< MHML> 
< BODY bgcolor = cyan> 
<Font size=1> 
< BR> 客 户 使 用 的 协议 是 : 
<% String protocol = request. getProtocol(); 
out. println(protoco]l); %> 
<BR> 获 取 接 受 客户 提交 信息 的 页 面 : 
<% String path = request.getServletPath(); 
out. println(path); $%> 
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< 了 BR > 接受 客户 提交 信息 的 长 度 : 
<% int length = request.getContentLength(); 
out. println(length); $%> 
< 了 BR> 客 户 提交 信息 的 方式 : 
<% String method = request. getMethod( ) ; 
out. println(method); $%> 
< BR> 获 取 HTTP 头 文件 中 User- Agent 的 值 : : 
<% String headerl = request. getHeader("User — Agent"); 
out. println(header1l); $%> 
<BR> 获 取 HTTP 头 文件 中 accept 的 值 : 
<% String header2 = request. getHeader("accept"); 
out. println(header2); $%> 
< BR> 获 取 HTTP 头 文件 中 Host 的 值 : 
<% String header3 = request. getHeader("Host"); 
out. println(header3); $%> 
< BR > 获取 HTTP 头 文件 中 accept - encoding 的 值 : 
<% String header4 = request. getHeader("accept 一 encoding" ); 
out. println(header4); $%> 
<BR> 获 取 客户 的 IP 地 址 : 
<% String IP= request.getRemoteAddr(); 
out. println(IP); %> 
<BR> 获 取 客户 机 的 名 称 : 
<% String clientName = request. getRemoteHost(); 
out. println(clientName); $%> 
<BR > 获取 服务 器 的 名 称 : 
<% String serverName = request. getServerName(); 
out. println(serverName); $%> 
<BR> 获 取 服 务 器 的 端口 号 : 
< 外 int serverPort = request. getServerPort() 
out. println(serverPort); $%> 
<BR> 获 取 客户 端 提交 的 所 有 参数 的 名 字 : 
<% Enumeration enum = request. getParameterNames(); 
while( enum. hasMoreElements()) 
{String s = (String)enum. nextElement( ); 
out.println(s); } %> 
<BR> 获 取 头 名 字 的 一 个 枚 举 : 
<% Enumeration enum headed = request. getHeaderNames( ); 
while(enum_headed. hasMoreElements( )) 
{String s= (String)enum headed. nextElement(); 
out.println(s); } %> 
<BR> 获 取 头 文件 中 指定 头 名 字 的 全 部 值 的 一 个 枚 举 : 
<% Enumeration enum headedValues = request. getHeaders("cookie"); 
while(enum headedValues. hasMoreElements() ) 
{String s= (String)enum headedValues. nextElement( ); 
out.println(s); } %><BR> 
<P> 文 本 框 text 提交 的 信息 : 
<% String str = request. getParameter( "boy" ); 
byte b[ ] = str.getBytes("IS0— 8859— 1"); 
Str = new String(b); %><BR><% = str%> 
<BR> 按钮 的 名 字 : 
<% String buttonName = request. getParameter( "submit"); 
byte c[]= buttonName.getBytes("ISO0— 8859—1"); 
buttonName = new String(c); $> 
<BR> <% =buttonName%> </Font ></BODY></HTML> 
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8.1.4 用 户 注册 


在 下 面 的 例 8-5 中 ,用 户 通过 提交 姓名 和 E-mail 地 址 实现 注册 。 当 request 对 象 获取 
这 些 信 息 后 ,首先 检查 散 列表 对 象 中 是 否 已 经 存在 这 个 名 字 ,该 散 列 表 存 储 了 已 经 注册 的 用 
户 的 名 字 。 如 果 目 前 准备 注册 的 用 户 提交 的 名 字 在 散 列表 中 已 经 存在 ,就 提示 客户 更 换 名 
字 , 和 否则 将 检查 客户 是 否 提供 了 书写 正确 的 E-mail 地 址 ,如 果 提供 了 书写 正确 的 E-mail 地 
址 将 允许 注册 。 

我 们 将 例 8-5 中 的 login1. jsp 和 login2. jsp 保存 在 Web 服务 目录 root 中 ,用 户 首先 访 
问 loginl. jsp, 输 入 名 字 和 E-mail 并 提交 给 login2. jsp 实现 注册 。 

【 例 8-5】 实现 注册 功能 (如 图 8-6 所 示 )。 
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到 
图 8-6 用户 注册 


Login1. jsp: 
<% @ page contentType = "text/html ;charset = GB2312" %> 
< HTML >< BODY bgcolor = cyan ><Font size=1> 
< FORM action = "login2. jsp" method= post > 
<P> 输 入 你 的 姓名 :< INPUT type = "text" name = "name" value = "abc"> 
<BR><P> 输 入 你 的 Email 地 址 : 
< INPUT type = "text" name = "address" value = "ookk(@ sina. com"> 
<P> 单 击 “ 送 出 "按钮 : <BR> 
< INPUT type = "submit" value= "送出 " name = submit > 
</FORM></FONT ></BODY ></HTML > 
login2. jsp: 
<% @ page contentType = "text/htm]l ;charset = GB2312" %> 
< 外 四 page import = "java. util. * " %> 
<HIML> 
< BODY bgcolor = cyan ><Font size=1> 
<% !Hashtable hashtable = new Hashtable( ); 
public synchronized void putString(String s) 
{ hashtable. put(s,s); } 多 > 
< 当 String person name = request.getParameter("name"), 
name found= null; 
if(person name== null) 
{person name=""; } 
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byte b[ ] = person name. getBytes("ISO 一 8859 —1"); 
person_name = new String(b); 
name found= (String)hashtable. get(person_name) ; 
if(name found== null) 
{ String person email = request. getParameter("address"); 
if(person email == null) 
{person email =""; } 
StringTokenizer fenxi = new StringTokenizer(person email,"” (@"); 
int n = fenxi. countTokens( ); 
if(n>= 3) 
{out. print("< BR>" +" 你 输入 的 Email 有 不 合法 字符 ");} 
else 
{ putString(person name); 
out. print("<BR>" +" 你 已 经 注册 成 功 "); 
out. print("< BR>" + "你 注册 的 名 字 是 " + person_name); } } 
else 
{out. print("<BR>" + "该 名 字 已 经 存在 , 请 你 换个 名 字 ");}%> 
</FONT ></BODY ></HTML > 


8.1.5 获取 HTML 表单 提交 的 数据 


一 个 表单 的 数据 提交 手段 部 分 通常 包括 如 下 的 标记 符号 : 
。<INPUT ...>。 

。< Select ... ></Select >。 

»。 <Option ...></Option >。 

。 <TextArea ...></TextArea >。 


1. <INPUT > 的 基本 格式 


在 表单 中 用 INPUT 标记 来 指定 表单 中 数据 的 输入 方式 以 及 表单 的 提交 键 。INPUT 
标记 中 的 type 属性 可 以 指定 输入 方式 的 GUI 对 象 ,name 属性 用 来 指定 这 个 GUI 对 象 的 名 
称 。 基 本 格式 如 下 : 


< INPUT type = "输入 对 象 的 GUI 类 型 " name =" 名字 "> 


服务 器 通过 属性 name 指定 的 名 字 来 获取 “输入 对 象 的 GUI 类 型 "中 提交 的 数据 。“ 输 
入 对 象 的 GUI 类 型 "可 以 是 text( 文 本 框 ) .checkbox( 检 查 框 ) .submit( 提 交 键 ) 等 。 

1) 文本 框 : text 

当 输 入 对 象 的 GUI 类 型 是 text 时 ,除了 用 name 为 text 指定 名 字 外 ,还 可 以 为 text 指 
定 其 他 的 一 些 值 。 例 如 : 


< INPUT type = "text" name = "me" value= "hi" size= "12 "align = "left" maxlength= "30"> 


其 中 ,value 的 值 是 text 的 初始 值 ; size 是 text 对 象 的 长 度 ( 单 位 是 字符 ); align 是 text 在 
浏览 器 窗 体 中 的 对 齐 方式 ; maxlength 指定 text 可 输入 字符 的 最 大 长 度 。 

2) 单 选 框 : radio 

当 输 入 对 象 的 GUI 类 型 是 radio 时 ,除了 用 name 为 radio 指定 名 字 外 ,还 可 以 为 radio 
指定 其 他 的 一 些 值 。 例 如 : 
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< INPUT type= "radio"name = "rad" value= "red" align = "top"checked= "java" > 


其 中 ,value 指定 radio 的 值 ; align 是 radio 在 浏览 器 窗 体 中 的 对 齐 方式 ; 如 果 几 个 单 选 键 
的 name 取 值 相同 ,那么 同一 时 刻 只 能 有 一 个 被 选中 。 服 务 器 通过 name 指定 的 名 字 来 获取 
被 选中 的 radio 提交 的 由 value 指定 的 值 。checked 如 果 取 值 是 一 个 非 空 的 字符 串 ,那么 该 
单 选 框 的 初始 状态 就 是 选中 状态 。 

在 下 面 的 例 8-6 中 ,用 单 选 框 来 实现 radio 按钮 测试 。 客 户 在 radio. jsp 页 面 中 选中 几 
个 单 选 框 ,将 选择 提交 给 answer. jsp 页 面 。 

【 例 8-6】 用 单 选 框 来 实现 radio 按钮 测试 (如 图 8-7 所 示 )。 


镜 http:/ /localhost:8080/radio.jsp = Microsofl RE 


文件 (E) 编辑 (E) 查看 YW 收 大 A) 工具 D 帮助 | 避 
REM Mol a 
地 让 OO) [名 ] htpvyocshosteoeofradojsp 于 国 转 到 | 主 接 


ET 


ee 
所 -上 日 -十 加 各 | 有 时 四 


地 让 [| 把 ] tpyocahost'aoeolanserjsp ”可 园 转 到 | 链 按 


诗人 李白 是 中 国 历史 上 哪个 朝代 的 人 ， 

人 宋朝 个 唐 朝 C 明 朝 @ 元 朝 

小 说 红楼 梦 的 作者 是 ， 

个 曹雪芹 C 罗贯中 人 李白 司马迁 

区 | -= 


Eg 


图 8-7 获取 单 选 框 的 值 


radio. jsp: 
<HIML> 
<% @ page contentType = "text/htm]l ;charset = GB2312" $%> 
< BODY bgcolor = cyan ><Font size=1> 
<P> 诗 人 李白 是 中 国 历史 上 哪个 朝代 的 人 : 
< FORM action = "answer. jsp" method = post name = form> 
< INPUT type = "radio" name = "R" value = "a"> 宋 朝 
< INPUT type = "radio" name = "R" value = "b"> 唐 朝 
< INPUT type = "radio" name = "R" value = "c"> 明 朝 
< INPUT type = "radio" name = "R" value = "d" checked = "ok"> 元 朝 
<BR> 
<P> 小 说 红楼 梦 的 作者 是 : 
<BR> 
< INPUT type = "radio" name = "P" value = "a"> 曹 雪 芹 
< INPUT type = "radio" name = "P" value = "b"> 罗 贯 中 
< INPUT type = "radio" name = "P" value = "c"> 李 白 
< INPUT type = "radio" name = "P" value = "d"> 司 马 迁 
<BR> 
< INPUT type = "submit"” value = "提交 答案 " name = "submit"> 
</FORM > </FONT ></BODY ></HTML> 
answer. jsp: 
<HIML> 
<% @ page contentType = "text/html ;charset = GB2312" %> 
<BODY bgcolor = cyan ><Font size=1> 
<% int n=0; 
String sl = request. getParameter("R"); 
String s2 = request. getParameter("P"); 


第 8 章 ”JSP 内 置 对 象 


if(sl == nu11) 
{si1="";} 
if(s2== null1) 
{s2="";} 
if(sl.equals("b")) 
{n++;} 
if(s2.equals("a")) 
让 入 
<P> 你 得 了 <% =ng$> 分 </FONT ></BODY></HTML> 
3) 复 选 框 : checkbox 
当 输入 对 象 的 GUI 类 型 是 checkbox 时 ,除了 用 name 为 checkbox 指定 名 字 外 ,还 可 以 
为 checkbox 指定 其 他 的 一 些 值 。 例 如 : 
< INPUT type = "checkbox"name = "ch"value = "pink" align = "top"checked= "java" > 
其 中 ,value 指定 checkbox 的 值 。 复 选 框 与 单 选 框 的 区 别 就 是 复 选 框 可 以 多 选 。 服 务 器 通 
过 name 指定 的 名 字 来 获取 被 选中 的 checkbox 值 。 为 了 使 服务 器 能 获取 提交 的 值 , 复 选 框 
name 的 值 应 互 不 相同 。checked 取 值 如 果 是 一 个 非 空 的 字符 串 ,那么 该 复 选 框 的 初始 状态 
就 是 选中 状态 。 
4) 口令 框 : password 
它 是 输入 口令 用 的 特殊 文本 框 ,输入 的 信息 用 "* ” 回 显 ,防止 他 人 偷 看 口令 。 例 如 


< INPUT type = "password"name = "me"size= "12" maxlength= "30"> 


服务 器 通过 name 指定 的 字符 串 获 取 password 提交 的 值 。 例 如 ,在 口令 框 中 输入 
“bird88_1”, 那 么 bird88_1 将 被 提交 给 服务 器 。 口 令 框 仅仅 起 着 不 让 别人 偷 看 的 作用 ,不 提 
供 保密 措施 。 

5) 提交 键 : submit 

为 了 能 把 表单 的 数据 提交 给 服务 器 ,一 个 表单 至 少 要 包含 一 个 提交 键 。 例 如 : 


< INPUT type = "submit" name = "me"value= "ok"size="12 "> 


单 击 “ 提 交 ” 按 钮 后 ,服务 器 就 可 以 获取 表单 提交 的 各 个 数据 。 当 然 服 务 器 也 可 以 通过 
name 指定 的 名 字 来 获取 “提交 ”按钮 提交 的 由 value 指定 的 值 。 

6) 重 置 键 : reset 

重 置 键 将 表单 中 输入 的 数据 清空 ,以 便 重 新 输入 数据 。 


< INPUT type = "reset" > 

2. <SELECT >、< OPTION > 格式 

下 拉 式 列表 和 滚动 列表 通过 < SELECT > 和 < OPTION > 标记 来 定义 ,基本 格式 如 下 : 
<SELECT> <OPTION> <OPTION>...</SELECT> 


1) 下 拉 列 表 


< SELECT name = "shulie" > 
< OPTION value = "cat"> 你 选 了 小 猫 
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< OPTION value = "dog"> 你 选 了 小 狗 


<OPTION value = "600">n = 600 </SELECT> 


服务 器 通过 name 获取 下 拉 列 表 中 被 选中 的 option 的 值 ( 参 数 value 指定 的 值 ) 。 
2) 滚动 列表 
SELECT 中 增加 size 属性 的 值 就 变 成 滚动 列表 ,size 的 值 是 滚动 列表 的 可 见 行 的 个 数 。 
< SELECT name= "shulie" size=2> 
< OPTION value = "1"> 计 算 1 到 n 的 连续 和 
< OPTION value = "2"> 计 算 1 到 n 的 平方 和 
< OPTION value = "3"> 计 算 1 到 n 的 立方 和 
</SELECT > 
服务 器 通过 name 获取 滚动 列表 中 被 选中 的 option 的 值 (参数 value 指定 的 值 ) 。 
在 下 面 的 例 8-7 中 ,客户 通过 滚动 列表 选择 计算 求 和 的 方式 ,通过 下 拉 列 表 选 择 计算 求 
和 的 项 数 。 
【 例 8-7】 客户 通过 滚动 列表 选择 计算 求 和 的 方式 ,通过 下 拉 列 表 选 择 计算 求 和 的 项 
数 ( 如 图 8-8 所 示 ) 。 


ET 


二 =|olxl 
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Omn-© HIVPm 
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图 8-8 获取 SELECT 提交 的 值 ,计算 数列 和 


select. jsp: 
<HIML> 
<% @ page contentType = "text/html;charset = GB2312" %> 
< BODY bgcolor = cyan ><FONT size=1> 
<P> 选 择 计算 和 的 方式 
< FORM action = "sum. jsp" method= post name = form > 
< SELECT name = "sum" size=2> 
<OPTION Selected value = "1"> 计 算 1 到 n 的 连续 和 
<OPTION value = "2"> 计 算 1 到 nn 的 平方 和 
< OPTION value = "3"> 计 算 1 到 n 的 立方 和 
</SELECT> 
<P> 选 择 n 的 值 : <BR> 
< SELECT name = "n" > 
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<OPTION value= "10">n=10 
<OPTION value= "20">n=20 
< OPTION value= "30">n=30 
< OPTION value= "40">n=40 
<OPTION value= "50">n=50 
< OPTION value= "100">n= 100 
</SELECT> 
<BR><BR> 
< INPUT type = "submit" value= "提交 你 的 选择 "name ="submit"> 
</FORM > </FONT ></BODY></HTML> 
Sum. jsp: 
<HIML> 
<% @ page contentType = "text/html ;charset = GB2312" %> 
< BODY bgcolor = cyan ><Font size=1> 
<$% long sum= 0; 
String sl = request. getParameter("sum"); 
String s2 = request. getParameter("n"); 
if(sl ==nul1) 


{sl = 
if(s2== null1) 
{s2="0";} 


if(sl.equals("1l")) 
{int n= Integer. parseInt(s2); 
for(int i=1;i<=n;i++) 
{sum= sum+ i; }} 
else if(sl.equals("2")) 
{int n= Integer. parseInt(s2); 
for(int i=1;i<=n;i++) 
{sum= sum+ i x* i; }} 
else if(sl.equals("3")) 
{int n= Integer. parseInt(s2); 
for(int i=1;i<=n;i++) 
{sum= sum+ ixixi;}} %> 
<P> 你 的 求 和 结果 是 <% = sum%></FONT ></BODY ></HTML > 


3. <TEXTAREA > 格式 


<TEXTAREA > 标记 在 表单 中 指定 一 个 能 输入 多 行文 本 的 文本 区 域 。 


<TEXTAREA name= "ilovethisgame" Rows="4" Cols = "20" > 
</TEXTAREA > 


4. 表格 
表格 由 < TABLE >.</TABLE > 标记 定义 ,一般 格式 如 下 : 


<TABLE> 
<TR width= "该 行 的 宽度 "> 
<TH width= "单元 格 的 宽度 " > 单元 格 中 的 数据 </TH> 
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<TD width= "单元 格 的 宽度 " > 单元 格 中 的 数据 </TD> .… 
</TR>...</TABLE > 

其 中 ,二 TR.…. 二 /TR 二 定义 表格 的 一 个 行 。 二 TH 和 二 TD 标记 定 义 这 一 行 中 的 
表格 单元 ,二 者 的 区 别 是 : 二 TH 定义 的 单元 着 重 显示 ,<TD 二 称 做 普通 单元 ,不 着 重 显 
示 ; 一 行 中 的 着 重 单元 和 普通 单元 可 以 交 蔡 出 现 , 也 可 以 全 是 着 重 单元 或 普通 单元 。 

在 二 TABLE 二 中 增加 选项 Border 可 指明 该 表格 是 否 带 有 边框 。 

在 下 面 的 例 8-8 中 ,用 一 个 3 行 的 表格 显示 数据 。 第 一 行 有 3 个 着 重 显示 的 单元 ; 第 二 
行 有 3 个 单元 ,其 中 第 一 个 单元 着 重 显示 ; 第 三 行 有 3 个 普通 的 单元 ,如 图 8-9 所 示 。 


E TI 


文件 (E) 编辑 ”查看 (收藏) 工具 才 助 4) | 疙 
Qs: ADD um OB- ” 
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图 8-9 用 表格 显示 数据 


【 例 8-8〗 用 表格 显示 数据 (如 图 8-9 所 示 ) 。 


table. jsp: 
<HTML> 
<% @ page contentType = "text/html;charset = GB2312" %> 
< BODY> < TABLE align = "Center" Border > 
<TR width = 400 > 
<TH Align= "Center"> 中 间 </TH> 
<TH Align= "Right"> 右 </TH> 
<TH Align= "LEFT"> 左 </TH> 
<TD></TD> 
<TD></TD> 
</TR> <TR> 
<TH Valign = "Top"> 数 据 靠 向 上 沿 </TH> 
<TD Valign= "Bottom"> 数 据 靠 向 下 沿 </TD> 
<TD Valign= "Bottom"” Align= "Center" > 数据 居中 靠 向 下 沿 </TD > </TR> 
<TR><TD Valign = "Top"> 你 好 </TD> 
<TD Valign= "Bottom"> hello</TD> 
<TD Valign= "Bottom" Aligin= "Center" > 112334 </TD > 
</TR></TABLE ></BODY ></HTML > 


在 下 面 的 例 8-9 中 ,把 一 个 表单 显示 在 表格 的 一 个 单元 格 中 。 

【 例 8-9】 把 一 个 表单 显示 在 表格 的 一 个 单元 格 中 (如 图 8-10 所 示 )。 
tableform. jsp: 

<HIML> 

<% @ page contentType = "text/htm]l ;charset = GB2312" %> 
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< BODY bgcolor = cyan> 
<TABLE align = "left" Border > 
<TR><TH width= 250><FONT size=1> 李 白 是 哪个 朝代 的 人 ? </TH> 
<TD width=220> 
< FORM action = "answer. jsp" method = post name = form> 
<INPUT type = "radio" name = "R" value = "a” ><FONT size =1> 宁 朝 
<INPUT type = "radio" name = "R" value = "b"” ><FONT size =1> 唐 朝 
<INPUT type = "submit" name = "g" value = "送出 "> 
</FORM></TD></TR><TR> 
<TH>< FONT size=1> 输 入 数据 : </TH> 
<FORM action = "answer. jsp" method= post name = form> 
<TD> <INPUT type = "text" name= "R" value= "a" size=20 ></TD> 
<TD> <INPUT type= "submit" name= "f" value=" 送 出 "></TD></FORM> 
</TR> </TABLE></BODY></HTML> 
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图 8-10 在 表格 中 显示 表单 数据 


6.2 response 对 象 


当 客户 访问 一 个 服务 器 的 页 面 时 ,会 提交 一 个 HTTP 请 求 , 服 务 器 收 到 请 求 时 ,返回 
HTTP 响应 。 响 应 和 请 求 类 似 , 也 有 某 种 结构 ,每 个 响应 都 由 状态 行 开始 ,可 以 包含 几 个头 
及 可 能 的 信息 体 ( 网 页 的 结果 输出 部 分 ) 。 

8. 1 节 学 习 了 用 request 对 象 获取 客户 请 求 提交 的 信息 ,与 request 对 象 相对 应 的 对 象 
是 response 对 象 。 可 以 用 response 对 象 对 客户 的 请 求 作出 动态 响应 ,向 客户 端 发 送 数据 。 


8.2.1 动态 响应 contentType 属性 


当 一 个 客户 请 求 访问 一 个 JSP 页 面 时 ,如 果 该 页 面 用 page 指令 设置 页 面 的 contentType 
属性 的 值 是 text/html, 那 么 JSP 引擎 将 按照 这 种 属性 值 作出 响应 ,将 页 面 的 静态 部 分 返回 
给 客户 。 由 于 page 指令 只 能 为 contentType 指定 一 个 值 ,来 决定 响应 的 MIME 类 型 ,如 果 
想 动 态 地 改变 这 个 属性 的 值 来 响应 客户 ,就 要 使 用 response 对 象 的 setContentType (String s) 
方法 来 改变 contentType 的 属性 值 : 


public void setContentType(String s); 


该 方法 动态 设置 响应 的 MIME 类 型 ,参数 s 可 取 text/html, text/plain、application/x- 
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8.2.2 response 的 HTTP 文件 头 


从 8.1.3 小 节 的 内 容 知道 ,一 个 典型 的 请 求 通常 包含 很 多 的 头 , 有 些 头 是 标准 的 ,有 些 
和 特定 的 浏览 器 有 关 。 同 样 , 响 应 也 包括 一 些 头 。response 对 象 可 以 使 用 方法 


addHeader(String head, String value); 
或 方法 
setHeader (String head ,String value) 


动态 添加 新 的 响应 头 和 头 的 值 , 将 这 些 头发 送 给 客户 的 浏览 器 。 如 果 添 加 的 头 已 经 存在 , 则 
先前 的 头 被 覆盖 。 


8.2.3 response 重 定向 


在 某 些 情况 下 , 当 响 应 客户 时 ,要 将 客户 重新 引导 至 另 一 个 页 面 。 例 如 ,如 果 客 户 输 入 
的 表单 信息 不 完整 ,就 会 再 被 引导 到 该 表单 的 输入 页 面 。 
可 以 使 用 response 的 sendRedirect(URL url) 方 法 实现 客户 的 重 定向 。 


8.2.4 response 的 状态 行 


当 服务 器 对 客户 请 求 进行 响应 时 , 它 发 送 的 首 行 称 做 状态 行 。 
状态 行 包括 3 位 数字 的 状态 代码 和 对 状态 代码 的 描述 ( 称 做 原因 短语 ) 。 下 面 列 出 了 对 
5 类 状态 的 代码 的 大 概 描述 。 
lyy(1 开头 的 3 位 数 ): 主要 是 实验 性 质 的 。 例 如 ,101 表示 服务 器 正在 升级 协议 。 
2yy: 用 来 表明 请 求 成 功 。 例 如 ,状态 代码 200 可 以 表明 已 成 功 取得 了 请 求 的 页 面 。 
3yy: 用 来 表明 在 请 求 满足 之 前 应 采取 进一步 的 行动 。 例 如 ,305 表示 请 求 必须 通过 代 
理 来 访问 。 
4yy: 当 浏览 器 做 出 无 法 满足 的 请 求 时 ,返回 该 状态 代码 。 例 如 ,404 表示 请 求 的 页 面 
不 存在 。 host:8080/8-10.jsp — Mie [=] Ed | 
5yy: 用 来 表示 服务 器 出 现 问题 。 例 如 ,500 说 明 | 文中 加 铀 B(E 坦 看 0 收 蕊 四 :” 怖 
服务 器 内 部 发 生 错 误 。 四 三: 加 -四国 田 | ” 
一 般 无 须 修改 状态 行 , 在 出 现 问题 时 ,服务 器 会 自 ”|E@ 风 wiiocahostooon/ 卫 | 因 和 | 三 
动 响应 ,发 送 相应 的 状态 代码 。 也 可 以 使 用 response ”| 点 击 下 面 的 超 链 接 : 了 
对 象 的 setStatus (int 中 方法 来 增加 状态 行 的 内 容 。 | 汗 昌 交加 各 
在 下 面 的 例 8-10 中 ,使 用 setStatus(int n) 方 法 设置 响 “| ad: 葡 迎 你 mi? 


应 的 状态 行 。 _ 了 
【 例 8-10】 使 用 setStatus(int n) 方 法 设置 响应 
的 状态 行 (如 图 8-11 所 示 )。 图 8-11 设置 响应 状态 行 


Example8_14. jsp: 
<% @ page contentType = "text/htm]l ;charset = GB2312" %> 
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< HTML >< BODY bgcolor = cyan ><Font size= 1> 
<P> 点 击 下 面 的 超 链接 : < BR> 
<A HREF = "birdl.jsp"> bird1: 欢 迎 你 吗 ?< BR> 
<A HREF = "bird2. jsp"> bird2: 欢 迎 你 吗 ?< BR> 


< 有 HREF = "bird3. jsp"> bird3: 欢 迎 你 吗 ?</FONT></BODY></HTML> 


bird1. jsp: 
<HIML>< BODY > 
<% response. setStatus(408); 


out.print(" 不 显示 了 "); $%></BODY></HTML > 


bird2. jsp: 


<$% @ page contentType = "text/htm]l ;charset = GB2312" %><HIML><BODY> 


<$ response. setStatus(200); 
out. println("ok"); 
bird3. jsp: 


%></BODY ></HTML > 


<$% @ page contentType = "text/html ;charset = GB2312" %><HTML><BODY> 


<% response. setStatus(500); %></BODY></HTML> 


表 8-1 是 状态 代码 表 。 


表 8-1 状态 代码 表 
状态 状态 3 
代码 有 | 代码 说 明 
101 服务 器 正在 升级 协议 404 请求 的 资源 不 可 用 
100 ”客户 可 以 继续 405 ”请 求 所 用 的 方法 是 不 允许 的 
201 请 求 成 功 且 在 服务 器 上 创建 了 新 的 资源 406 请 求 的 资源 只 能 用 请 求 不 能 接受 的 内 容 特 性 
202 请 求 已 被 接受 但 还 没有 处 理 完 毕 来 响应 
200 请 求 成 功 407 客户 必须 得 到 认证 
203 ”客户 端 给 出 的 元 信息 不 是 发 自 服务 器 的 408 ”请 求 超时 
204 ”请 求 成 功 ,但 没有 新 信息 409 发生 冲突 ,请 求 不 能 完成 
205 ”客户 必须 重 置 文档 视图 410 请 求 的 资源 已 经 不 可 用 


206 ”服务 器 执行 了 部 分 get 请 求 
300 请求 的 资源 有 多 种 表示 法 


411 
413 


请 求 需 要 一 个 定义 的 内 容 长 度 才 能 处 理 
请 求 太 大 ,被 拒绝 


301 资源 已 经 被 永久 移动 到 新 位 置 414 请 求 的 URL 太 大 

302 ”资源 已 经 被 临时 移动 到 新 位 置 415 ”请 求 的 格式 被 拒绝 

303 应答 可 以 在 另外 一 个 URL 中 找到 500 ”服务 器 发 生 内 部 错误 ,不 能 服务 
304 ”Get 方 式 请 求 不 可 用 501 不 支持 请 求 的 部 分 功能 

305 ”请 求 必须 通过 代理 来 访问 502 ”从 代理 和 网 关 接 受 了 不 合法 的 字符 
400 ”请 求 有 语法 错误 503 HTTP 服务 暂时 不 可 用 


401 请 求 需要 HTTP 认证 
403 ”取得 了 请 求 但 拒绝 服务 


6.3 Session 对 象 


服务 器 在 等 待 代理 服务 器 应 答 时 发 生 超时 
不 支持 请 求 的 HTTP 版 本 


HTTP 协议 是 一 种 无 状态 协议 。 一 个 客户 向 服务 器 发 出 请 求 (request) 然 后 服务 器 返 
回响 应 (response) ,连接 就 被 关闭 了 。 在 服务 器 端 不 保留 连接 的 有 关 信 息 ,因此 当下 一 次 连 
接 时 ,服务 器 已 没有 以 前 的 连接 信息 了 ,无 法 判断 这 一 次 连接 和 以 前 的 连接 是 否 属于 同一 客 
户 。 因 此 ,必须 使 用 会 话 记 录 有 关连 接 的 信息 。 


144 


动态 网 站 设计 与 开发 实用 教程 


从 一 个 客户 打开 浏览 器 连接 到 服务 器 ,到 客户 关闭 浏览 器 离开 这 个 服务 器 , 称 做 一 个 会 
话 。 当 一 个 客户 访问 一 个 服务 器 时 ,可 能 会 在 这 个 服务 器 的 几 个 页 面 反复 连接 .反复 刷新 一 
个 页 面 或 不 断 地 向 一 个 页 面 提交 信息 等 ,服务 器 应 当 通过 某 种 办 法 知道 这 是 同一 个 客户 ,这 
就 需要 session( 会 话 ) 对 象 。 


8.3.1 session 对 象 的 ID 


当 一 个 客户 首次 访问 服务 器 上 的 一 个 JSP 页 面 时 ,JSP 引擎 产生 一 个 session 对 象 , 这 
个 session 对 象 调 用 相应 的 方法 可 以 存储 客户 在 访问 各 个 页 面 期 间 提交 的 各 种 信息 ,比如 姓 
名 .号 码 等 信息 。 这 个 session 对 象 被 分 配 了 一 个 String 类 型 的 ID 号 ,JSP 引擎 同时 将 这 个 
ID 号 发 送 到 客户 端 ,存放 在 客户 的 Cookie 中 。 这 样 ,session 对 象 和 客户 之 间 就 建立 起 一 一 
对 应 的 关系 , 即 每 个 客户 都 对 应 着 一 个 session 对 象 (该 客户 的 会 话 ) ,这 些 session 对 象 互 不 
相同 ,具有 不 同 的 ID 号 码 。 我 们 已 经 知道 ,JSP 引擎 为 每 个 客户 启动 一 个 线程 ,也 就 是 说 ， 
JSP 为 每 个 线程 分 配 不 同 的 session 对 象 。 当 客户 再 访问 连接 该 服务 器 的 其 他 页 面 时 ,或 从 
该 服务 器 连接 到 其 他 服务 器 再 回 到 该 服务 器 时 ,JSP 引擎 不 再 分 配给 客户 新 的 session 对 
象 ,而 是 使 用 完全 相同 的 一 个 ,直到 客户 关闭 浏览 器 后 ,服务 器 端 该 客户 的 session 对 象 被 取 
消 , 和 客户 的 会 话 对 应 关系 消失 。 当 客户 重新 打开 浏览 器 再 连接 到 该 服务 器 时 ,服务 器 为 该 
客户 再 创建 一 个 新 的 session 对 象 。 

在 下 面 的 例 8-11 中 ,客户 在 服务 器 的 3 个 页 面 之 间 进 行 连接 ,只 要 不 关闭 浏览 器 ,3 个 
页 面 的 session 对 象 是 完全 相同 的 。 客 户 首先 访问 session. jsp 页 面 ,从 这 个 页 面 再 连接 到 
tom.jsp 页 面 ,然后 从 tom. jsp 页 面 再 连接 到 jerry. jsp 页 面 。 

【 例 8-11】 客户 在 服务 器 的 3 个 页 面 之 间 进 行 连接 (如 图 8-12 所 示 )。 


session, jsp: 
<% @ page contentType = "text/htm]l ;charset = GB2312" 外 > 
<HIML><BODY ><P> 

<% String s= session.getId(); 和 > 
<P> 你 的 session 对 象 的 ID 是 : 

<BR> <%=s%> 
<P> 输 入 你 的 姓名 连接 到 tom. jsp 

< FORM action= "tom. jsp”method = post name = form > 

< INPUT type = "text" name= "boy"> 
< INPUT type = "submit" value = "送出 ”name = submit > 

</FORM> </BODY></HTML> 
tom. jsp: 
<% @ page contentType = "text/htm]l ;charset = GB2312” 争 > 
<HTML>< BODY > 
<P> 我 是 Tom 页 面 

<% String s = session.getId(); $%> 
<P> 你 在 Tom 页 面 中 的 session 对 象 的 ID 是 : <% =s%> 
<P> 点 击 超 链接 ,连接 到 Jerry 的 页 面 。 
<A HREF = "jerry. jsp"> 
<BR> 欢迎 到 Jerry 屋 来 '</A> 
</BODY ></HTML > 
jerry. jsp: 
<% @ page contentType = "text/htm]l ;charset = GB2312" %> 
<HIML>< BODY > 


第 8 章 ”JSP 内 置 对 象 


<P> 我 是 Jerry 页 面 
<% String s = session.getId(); $%> 
<P> 你 在 Jerry 页 面 中 的 session 对 象 的 ID 是 : <% =s%> 
<P> 点 击 超 链接 ,连接 到 session 的 页 面 。 
<A HREF = "session. jsp"> 
<BR> 欢迎 到 session 屋 来 !</A> </BODY></HTML> 


p:/ /localhost:8080/session.jsp lxl 
文件 (E) ”编辑 (E) 查看 由 工具 D 天 助 中 | 名 


QR- DD Vowmr 
地 址 (D) 出 http:Jilocalhost;8080jsession,jsp 了 | 国 3 | 链接 


您 的 session 对 象 的 ID 是 ， 
3665F5B496A6FFEF7TCF638241EBE32F77 


输入 你 的 姓名 连接 到 tom. jsp 


文件 ( 电 编辑 (E) 查看) 收藏 (工具 ID 逢 助 | 忆 ” 
OR- au Vemmr ” 
地 址 (BD) [ 乱 ] http:jhocalhost:8080jtom.jsp | 图 转 到 | 链接 
我 是 Tom 页 面 


您 的 在 Tom 页 面 中 的 session 对 象 的 ID 是 ， 
3665F5B496A6FEFTCF638241EBE3S2F77 


点 击 超 链 接 ， 连 接 到 Jerry 的 页 面 。 
侈 迎 到 Jerry 屋 来 | _ 


| Terr: 


「 | 可 本 地 Intranet 


E TT TT = MiCEGSGEE IEERRE GE 让 


立 件 (E) ”编辑 (E) ”查看 WD 收藏 0) 工具 D 帮助 册 | 规 
OA- a Pu 天 ” 
地 址 (D) [ 乱 ] http:ihiocalhost:8080jjerry.jsp -| 图 等 到 | 链接 
我 是 Jerry 页 面 i 


您 在 Jerry 页 面 中 的 session 对 和 象 的 ID 是 , 
3665F5B496A6FEFTCF638241EBE32F77 


点 击 超 链接 ， 连 接 到 session 的 页 面 。 
欢迎 到 session 屋 来 ! 


Ea 


El 
去 


三 | 可 二 地 Intranet 


图 8-12 ”session 对 象 的 ID 
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8.3.2 session 对 象 与 URL 重 写 


session 对 象 能 否 和 客户 建立 起 一 一 对 应 关系 依赖 于 客户 的 浏览 器 是 否 支持 Cookie。 
如 果 客 户 的 浏览 器 不 支持 Cookie, 那 么 客户 在 不 同 网 页 之 间 的 session 对 象 可 能 是 互 不 相 
同 的 ,因为 服务 器 无 法 将 ID 存放 到 客户 端 , 就 不 能 建立 session 对 象 和 客户 的 一 一 对 应 关 
系 。 将 浏览 器 的 Cookie 设置 为 禁止 后 (选择 浏览 器 菜单 “工具 ”>“Internet 选项 ”一 “ 安 
全 ”一 Internet 和 “本 地 Intranet”>“ 自 定义 级 别 ” 一 Cookie, 将 全 部 选项 设置 成 禁止 ), 也 就 
是 说 ,“ 同 一 客户 ”对 应 了 多 个 session 对 象 , 这 样 服务 器 就 无 法 知道 在 这 些 页 面 上 访问 的 实 
际 上 是 同一 个 客户 。 

如 果 客 户 的 浏览 器 不 支持 Cookie, 可 以 通过 URL 重 写 来 实现 session 对 象 的 唯一 性 。 
所 谓 URL 重 写 , 就 是 当 客 户 从 一 个 页 面 重 新 连接 到 另 一 个 页 面 时 ,通过 向 这 个 新 的 URL 
添加 参数 ,把 session 对 象 的 ID 传 带 过 去 ,这样 就 可 以 保障 客户 在 该 网 站 各 个 页 面 中 的 
session 对 象 是 完全 相同 的 。 可 以 使 用 response 对 象 调用 encodeURL() 或 encodeRedirect 
URL() 方 法 实现 URL 重 写 ,比如 ,如 果 从 Tom 页 面 连接 到 Jerry 页 面 ,首先 实现 URL 
重 写 ， 


String str = response. encodeRedirectURL("jerry. jsp"); 


然后 将 连接 目标 写成 <% 二 str%>。 
8.3.3 ”session 对 象 的 常用 方法 


1. public void setAttribute(String key.Object obj) 


session 对 象 类 似 于 散 列 表 ,session 对 象 可 以 调用 该 方法 将 参数 Object 指定 的 对 象 obj 
添加 到 session 对 象 中 ,并 为 添加 的 对 象 指定 一 个 索引 关键 字 , 如 果 添 加 的 两 个 对 象 的 关键 
字 相 同 , 则 先前 添加 的 对 象 被 清除 。 


2. public Object getAttibue( String key) 


获取 session 对 象 含有 的 关键 字 是 key 的 对 象 。 由 于 任何 对 象 都 可 以 添加 到 session 对 
象 中 ,因此 用 该 方法 取 回 对 象 时 ,应 强制 转化 为 原来 的 类 型 。 


3. public Enumeration getAttributeName() 


session 对 象 调用 该 方法 产生 一 个 枚 举 对 象 ,该 枚 举 对 象 使 用 nextElemets() 遍 历 
session 对 象 所 含有 的 全 部 对 象 。 


4. public long getCreationTime() 


session 对 象 调用 该 方法 可 以 获取 该 对 象 创建 的 时 间 ,单位 是 毫秒 (从 1970 年 7 月 1 日 
午夜 起 至 该 对 象 创建 时 刻 所 走 过 的 毫秒 数 ) 。 


5. public long getLastAccessedTime() 


获取 当前 session 对 象 最 后 一 次 被 操作 的 时 间 ,单位 是 毫秒 。 
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6. public int getMaxlInactivelterval() 

获取 session 对 象 的 生存 时 间 。 

7. public void setMaxlnactivelterval(int n) 
设置 session 对 象 的 生存 时 间 ( 单 位 是 秒 ) 

8. public void removeAttribue(String key) 

从 当前 session 对 象 中 删除 关键 字 是 key 的 对 象 。 
9. public String getld() 

获取 session 对 象 的 编号 。 

10. invalidate 

使 得 session 无 效 。 


8.3.4 计数 器 


下 面 的 [ 例 8-12] 中 ,用 session 对 象 禁 止 客户 通过 刷新 页 面 增加 计数 。 当 客户 刷新 页 面 
时 ,可 以 使 用 session 的 public boolean isNew() 方 法 判断 是 不 是 一 个 新 的 客户 ,因为 客户 刷 
新 页 面 不 会 改变 服务 器 分 配给 该 客户 的 session 对 象 。 

【 例 8-12】 计数 器 实验 。 


Examle8_19. jsp: 
<% @ page contentType = "text/htm]l ;charset = GB2312" $%> 
<%@ page import = "java. io. * " $%> 
<HIML> 
<BODY> 
<%! int number = 0; 
synchronized void countPeople() 
{if(number == 0) 
{ try{File f = new File("D:/tomcat","countPeople. txt"); 
FileInputStream in = new FileInputStream(f); 
DataInputStream dataIn = new DataInputStream( in); 
number = dataIn. readInt(); 
number + 十 了 
in. close( ) ;dataIn.close(); } 
catch(FileNotFoundException e) 
{ number ++ ; 
try {File f = new File("D:/tomcat", "countPeople. txt"); 
FileOutputStream out = new FileOutputStream(f£); 
DataOutputStream dataOut = new DataOutputStream(out); 
dataOut. writeInt(number); 
out. close();data0ut.close(); } 
catch( IOException ee){} } 
catch( IOException ee) 
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:下 
else 
{number ++ ; 
try{File f = new File("D:/tomcat","countPeople. txt"); 
FileOutputStream out = new FileQutputStream(£); 
Data0utputStream dataOut = new Data0utputStream(out) ; 
dataOut. writeInt (number); 
out.close() ;data0ut.close(); } 
catch(FileNotFoundException e){} 
catch( IOException e){}}} $%><% 
if(session. isNew( )) 
{countPeople( ); 
String str = String. valueOf (number); 
session. setAttribute("count", str); } $> 
<P> 您 是 第 <% = (String) session. getAttribute("count") 名 > 个 访问 本 站 的 人 . 
< BODY>< HTML > 


6.4 application 对 象 


我 们 已 经 知道 , 当 客 户 第 一 次 访问 服务 器 上 的 一 个 JSP 页 面 时 ,JSP 引擎 创建 一 个 和 该 
客户 相对 应 的 session 对 象 , 当 客户 在 所 访问 的 网 站 的 各 个 页 面 之 间 浏 览 时 ,这 个 session 对 
象 都 是 同一 个 ,直到 客户 关闭 浏览 器 ,这 个 session 对 象 才 被 取消 ; 而 且 不 同 客户 的 session 
对 象 是 互 不 相同 的 。 与 session 对 象 不 同 的 是 application 对 象 。 服 务 器 启动 后 ,就 产生 了 
这 个 application 对 象 。 当 客户 访问 服务 器 上 的 一 个 JSP 页 面 时 ,JSP 引擎 为 该 客户 分 配 这 
个 application 对 象 , 当 客 户 在 所 访问 的 网 站 的 各 个 页 面 之 间 浏 览 时 ,这 个 application 对 象 
都 是 同一 个 ,直到 服务 器 关闭 ,这 个 application 对 象 才 被 取消 。 与 session 对 象 不 同 的 是 ， 
所 有 客户 的 application 对 象 是 相同 的 一 个 , 即 所 有 的 客户 共享 这 个 内 置 的 application 对 
象 。JSP 引擎 为 每 个 客户 启动 一 个 线程 ,也 就 是 说 ,这 些 线程 共享 这 个 application 对 象 。 


8.4.1 application 对 象 的 常用 方法 


1. public void setAttribute(String key.Object obj) 


application 对 象 可 以 调用 该 方法 将 参数 Object 指定 的 对 象 obj 添加 到 application 对 
象 中 ,并 为 添加 的 对 象 指定 一 个 索引 关键 字 ,如 果 添 加 的 两 个 对 象 的 关键 字 相 同 , 则 先前 添 
加 对 象 被 清除 。 


2. public Object getAttibue( String key) 


该 方法 获取 application 对 象 含有 的 关键 字 是 key 的 对 象 。 由 于 任何 对 象 都 可 以 添加 
到 application 对 象 中 ,因此 用 该 方法 取 回 对 象 时 ,应 强制 转化 为 原来 的 类 型 。 


3. public Enumeration getAttributeNames() 


application 对 象 调用 该 方法 产生 一 个 枚 举 对 象 ,该 枚 举 对 象 使 用 nextElemets() 遍 历 
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application 对 象 所 含有 的 全 部 对 象 。 
4. public void removeAttribute(String key) 
该 方法 从 当前 application 对 象 中 删除 关键 字 是 key 的 对 象 。 
5. public String getServletInfo() 


该 方法 获取 Servlet 编译 器 的 当前 版 本 的 信息 。 

由 于 application 对 象 对 所 有 的 客户 都 是 相同 的 ,任何 客户 对 该 对 象 中 存储 的 数据 的 改 
变 都 会 影响 到 其 他 客户 ,因此 在 某 些 情况 下 ,对 该 对 象 的 操作 需要 实现 同步 处 理 。 

application 对 象 实现 一 个 计数 器 ,将 计数 存放 在 application 对 象 中 ,每 个 客户 对 该 对 象 
中 “计数 ”的 改变 都 会 影响 到 其 他 客户 。 

注 : 有 些 服务 器 不 直接 支持 使 用 application 对 象 ,必须 用 ServletContext 类 声明 这 个 
对 象 , 再 使 用 getServletContext() 方 法 对 这 个 application 对 象 进行 初始 化 。 

【 例 8-13】 利用 application 进行 计数 。 


<% @ page contentType = "text/html ;charset = GB2312" 第 > 
<HIML>< BODY > 
<%! synchronized void countPeople() 
{ ServletContext application= getServletContext(); 
Integer number = (Integer)application. getAttribute("Count"); 
if(number == null) 
{ number = new Integer(1); 
application. setAttribute( "Count", number); } 
else 
{ number = new Integer(number. intValue() + 1); 
application. setAttribute("Count", number); } } %> 
<$ if(session. isNew()) 
{ countPeople(); 
Integer myNumber = (Integer)application. getAttribute("Count"); 
session. setAttribute("MyCount", myNumber); } %> 
<P><P> 您 是 第 
<% int a= ((Integer)session. getAttribute("MyCount")). intValue(); 
名 > < 名 =as%> 个 访问 本 站 的 客户 。</BODY ></HTML > 


8.4.2 用 application 制作 留言 板 


在 例 8-14 中 ,客户 通过 submit. jsp 向 messagePane. jsp 页 面 提 交 姓 名 、 留 言 标题 和 留言 内 
容 ,messagePane. jsp 页 面 获取 这 些 内 容 后 ,用 同步 方法 将 这 些 内 容 添加 到 一 个 向 量 中 , 然后 将 
这 个 向 量 再 添加 到 application 对 象 中 。 当 用 户 点 击 查看 留言 板 时 ,showMessage.jsp 负责 显示 
所 有 客户 的 留言 内 容 , 即 从 application 对 象 中 取出 向 量 , 然 后 遍历 向 量 中 存储 的 信息 。 

【 例 8-14】 用 application 制作 留言 板 ( 如 图 8-13 所 示 ) 。 

submit. jsp: 


<% @ page contentType = "text/htm]l ;charset = GB2312" %> 
< HTML >< BODY > < FORM action = "messagePane. jsp" method= "post" name = "form"> 


SS 动态 网 站 设计 与 开发 实用 教程 
<P> 输 入 您 的 名 字 : < INPUT type= "text" name = "peopleName"> <BR> 
<P> 输 入 您 的 留言 标题 : 
<INPUT type="text" name= "Title"> <BR> 
<P> 输 入 您 的 留言 : <BR> 
< TEXTAREA name = "messages" ROWs = "10" COLS = 36 WRAP = "physical"> 
</TEXTAREA> 
<BR> <INPUT type= "submit" value = "提交 信息 " name = "submit"> 
</FORM > 
< FORM action = "showMessage. jsp" method= "post" name = "forml"> 
< INPUT type = "submit"”value = "查看 留言 板 " name = "look"> </FORM></BODY></HTML > 
messagePane. jsp: 
<% @ page contentType = "text/html ;charset = GB2312" %> 
<%@ page import = "java. util. x " $%> 
< HIML>< BODY > 
<%! Vector v= new Vector( ); 
int i=0; ServletContext application; 
synchronized void sendMessage(String s) 
{ application = getServletContext();; 
卫 二 十 世 
v.add("No." +i+","+s); 
application. setAttribute("Mess",v); } %$> 
<% String name = request.getParameter("peopleName"); 
String title = request. getParameter("Title" ); 
String messages = request. getParameter("messages") ; 
if(name == null) 
{name = "guest" + (int)(Math. random() * 10000);} 
if(title== null) 
{title= "无 标题 "; } 
if(messages null) 
{messages = "无 信息 "; } 
String s= "Name:" +name+"#"+"Title:" +title+"#"+"Content:" + "<BR>" + messages; 


sendMessage( s); 
out. print(" 您 的 信息 已 经 提交 !"); %> 
<A HREF = "submit. jsp" > 返回 </BODY></HTML> 
showMessage. jsp: 
<% @ page contentType = "text/html ;charset = GB2312" %> 
<% @ page import = "java. util. * " $%> 
< HIML >< BODY > 
<% Vector v= (Vector)application. getAttribute("Mess"); 
for(int i=0;i<v.size();i++) 
{ String message = (String)v. elementAt(i); 
StringTokenizer fenxi = new StringTokenizer (message, "#"); 
while( fenxi. hasMoreTokens()) 
{ String str = fenxi. nextToken(); 
byte a[ ] = str. getBytes("ISO 一 8859 一 1"); 
str = new String(a); 
out. print("<BR>" + str); } } %></BODY ></HTML> 
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ET TT lx 
交 件 (E) ”编辑 {E) ”查看 (W 收藏 (工具 (D 帮助 (H) | 并 


BO- OB mm own 
地 址 {DB) | 乱 ] http:iWocalhost:8080jsubmit,jsp -| 图 甘 到 | 链接 


输入 您 的 名 字 : [om 
输入 您 的 留言 标题 。 厂 习 很 准 


缠 http:/;/localhost:8080/messagePane.jsp NiCGSGIE IE -lol xx| 


文件 个” 编辑 (查看 WW 收 遍 包 ”工具 D 帮助 中 | 震 
OF .© dW Vmr “ 
地 址 (D [名] http:Wiocalhost:8080jmessagePane ,jsp SE 链接 


您 的 信息 已 经 提交 ! ”返回 


文件 (E) ”编辑 (E) ”查看 (四 ”收藏 (&) ”工具 (D 帮助 (H) 


QO -© a WD| Dum Venn 


地 址 (D) | 加 | http;jlocalhost;8080jshowMessage,jsp -| 转 到 | 链接 
过 


No. 1, Name:tom 
Title: 今 天 很 冷 
Content: 


今天 很 冷 啊 ! | 


图 8-13 留言 板 
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SN 
6.5 out 对 象 


out 对 象 是 一 个 输出 流 ,用 来 向 客户 端 输出 数据 。 在 前 面 的 许多 例子 里 曾 多 次 使 
对 象 进行 数据 的 输出 。out 对 象 可 调用 如 下 的 方法 用 于 各 种 数据 的 输出 。 

。 out. print(Boolean) ,out. println(boolean) : 输出 一 个 布尔 值 。 

。 out. print(char) ,out. println(Cchar) : 输出 一 个 字符 。 

。 out. print(double) ,out. println(double) : 输出 一 个 双 精 度 的 浮 点 数 。 

。 out. print(fload) ,out. println(float) : 输出 一 个 单 精 度 的 浮 点 数 。 

。 out. print(long) ,out. println(long) : 输出 一 个 长 整 型 数据 。 

。 out. print(String) ,out. println(String): 输出 一 个 字符 串 对 象 的 内 容 。 

。 out. newLine(): 输出 一 个 换行 符 。 

。 out. flush(): 输出 缓冲 区 里 的 内 容 。 

。 out. close() : 关闭 流 。 

下 面 的 例 8-15 使 用 out 对 象 向 客户 输出 包括 表格 等 内 容 的 信息 。 

【 例 8-15〗 使 用 out 对 象 向 客户 输出 包括 表格 等 内 容 的 信息 (如 图 8-14 所 示 ) 。 

ET <9 

文件 (E) ”编辑 (E) 查看 (0 收 戈 () 工具 (D 帮助 4 E32 
QO HED Pm ym OO. ” 
她 址 (0) [| 尼 ] htpyocahostaoeolslsjp  。 下 园 和 9 | 钴 接 


这 是 标题 1 字体 的 大 小 
这 是 标题 2 字体 的 大 小 
100 300 true 
以 下 是 一 个 表格 

姓名 “| 性 别 出 生日 期 

则 甲 一 | 男 1978 年 5 月 

林 起 区 1979 年 8 月 [了 是 表格 
大寺 TT [| nanet 4 


图 8-14 用 out 对象 输出 各 种 信息 


Example8_22. jsp: 

<% @ page contentType = "text/htm]l ;charset = GB2312" %> 

<%@ page import = "java. util. x*" %> 

<HIML>< BODY> 

<% inta=100;long b=300;boolean c= true; 

out. println("< HL > 这 是 标题 1 字体 的 大 小 </HT1 >" ); 
out. println( "< H2 > 这 是 标题 2 字体 的 大 小 </HT2 >"); 
out. print ("< BR>"); 
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out. println(a); out.println(b); out.println(c); %> 
<CENTER> <P><FONT size=2 > 以 下 是 一 个 表格 </Font > 
<% out. print("<FONT face = 隶书 size=2 >"); 
out. println("< TABLE Border >"); 

out. println("< TR>"); 
out. println("< TH width= 80>" + "姓名" + "</TH>"); 
out. println("< TH width= 60 >" + "性 别 " + "</TH>"); 
out. println("< TH width= 200>"+ "出生 日期" +"</TH>"); 

out. println("</TR>"); 

out. println("< TR>"); 
out. println("< TD >" +" 刘 甲 一 " + "</TD>"); 
out.println("< TD >" +" 男 "+ "</TD>"); 
out. println("<TD >"+"1978 年 5 月 "+"</TD>"); 

out. println("</TR>"); 

out. println("<TR>"); 
out. println("<TD >"+" 林 起 "+ "</TD>"); 
out. println("<TD >" +" 女 " + "</TD>"); 
out.println("<TD>"+"1979 年 8 月 "+"</TD>"); 

out.println("< TD width=100>"+" 这 是 表格 " + "</TD>"); 
out. println("</TR>"); 
out. println( "</TABLE >" ); 
out. print("</FONT>") $%> </CENTER ></BODY></HTML> 


下 面 的 例 8-16 根据 当前 时 间 向 客户 发 送 提 示 信 息 , 比 如 ,如 果 是 26 日 ,就 发 送 病毒 易 
发 作 的 信息 等 。 
【 例 8-16】 根据 当前 时 间 向 客户 发 送 提示 信息 (如 图 8-15 所 示 )。 


ET ox) 


现在 的 时 间 是 
2011 年 5 月 24 日 ”星期 二 
19 点 2 分 20 秒 


图 8-15 发送 提示 信息 


time. jsp: 
<% @ page contentType = "text/htm]l ;charset = GB2312" %> 
<%@ page import = "java. util. x "> 
<%! public String getDayWeek(int n) 
{ String week[] = {" 星 期 日 ", "星期 一 ", "星期 二 ", "星期 三 ", "星期 四 ", "星期 五 ", "星期 六 "}; 
return week[n]; }%> 
< HIML >< BODY bgcolor = cyan ><FONT size= 1> 
<% Calendar calendar = Calendar. getInstance(); // 创 建 一 个 日 历 对 象 
calendar. setTime(new Date( )); // 用 当前 时 间 初 始 化 日 历时 间 
String 年 = String. valueOf(calendar. get (Calendar. YEAR)), 
月 = String. valueOf(calendar.get(Calendar.MONTH) + 1), 
日 = String. valueOf(calendar.get(Calendar.DRY OF MONTH)), 


154 


SA 


动态 网 站 设计 与 开发 实用 教程 


星期 = getDayWeek(calendar. get(Calendar. DAY OF WEEK) — 1); 
int hour = calendar. get(Calendar. HOUR_OF DAY), 
minute = calendar. get (Calendar. MINUTE), 
second = calendar. get (Calendar. SECOND) ; %> 


<P> 现 在 的 时 间 是 <BR> 
< 和 = 年 和 > 年 
< 当 = 月 当 > 月 
<% = 日 %> 日 


<s$ = 星期 %><BR> 
<$ = hour %> 时 
< = minute 名 > 分 
<% = secondg > 秒 
<% 证 (日 .equals("26")) 
{out. print("< BR>< H2 > 今天 是 病毒 容易 发 作 的 日 子 !</H2 >"); } 
if(hour>=22) 
{ out. print("<BR><H2 > 现在 时 间 很 晚 了 注意 休息 </H2>");}%> 
</FONT ></BODY ></HTML > 


6.6 本 章 小 结 


本 章 介 绍 了 JSP 的 5 种 内 置 对 象 ,给 出 了 每 一 个 对 象 所 具有 的 方法 及 相应 的 使 用 说 明 。 
熟练 使 用 这 些 内 置 对 象 是 开发 JSP 应 用 程序 的 基本 要 求 ,尤其 是 对 于 request、response、 
application、session 和 out 对 象 要 熟练 掌握 。 

out 对 象 是 javax. servlet. jsp.JspWriter 类 的 一 个 子 类 的 对 象 , 它 的 作用 是 把 信息 传送 
到 客户 机 的 浏览 器 中 。 作 用 域 : 当前 页 面 。 常 用 的 方法 有 : O print(): 输出 内 容 ; 
@println() : 输出 内 容 并 换行 ; BnewLine() : 输出 一 个 换行 符 ; 由 flush(): 输出 缓冲 的 内 
容 ; @write(): 与 print() 相 同 ; @close(): 关闭 输出 流 。 

request 对 象 是 javax. servlet. HttpServletRequest 类 的 子 类 的 对 象 , 当 客户 端 请 求 一 个 
JSP 页 面 时 ,JSP 容器 会 将 客户 端的 请 求 信息 封装 在 这 个 request 对 象 中 (请 求 信息 的 内 容 
包括 请 求 的 头 信息 (Header) 、 系 统 信息 (比如 编码 方式 ) ,请求 的 方式 (比如 GET 或 POST)、 
请 求 的 参数 名 称 和 参数 值 等 信息 )。 作 用 域 : 待定 。 常 用 的 方法 : getParameter(String 
parameterName): 获取 浏览 器 请 求 的 参数 值 ; @getParameterNames() : 获取 浏览 器 传递 过 来 
的 所 有 参数 名 ; @ setCharacterEncoding (String encodingName): 当 利 用 getParameter 
(CString parameterName) 获 得 表单 (针对 post 方法 ) 中 元 素 的 时 候 , 在 执行 操作 之 前 ,设置 
request 的 编码 格式 ,例如 “request. setCharacterEncoding("GBK")”; @setAttribute(String 
name,Object value) : 设置 属性 和 属性 值 ; @getAttribute(String name) : 获得 属性 值 。 

response 对 象 是 一 个 javax. servlet. http. HttpServletResponse 类 的 子 类 的 对 象 。 它 的 
作用 是 对 客户 端 请 求 的 响应 。 作 用 域 : 当前 页 面 。 常 用 的 方法 有 : sendRedirect(String 
url) : 重 定向 ,不 支持 数据 共享 ; @setContentType(String contentType): 指定 HTTP 响 
应 和 浏览 器 显示 的 编码 类 型 ; @setHeader(String name.String value) : 自动 跳 转 。 

session 对 象 是 java. servlet. http. HttpSession 类 的 子 类 的 对 象 , 它 表示 当前 的 用 户 会 
话 信息 。 在 session 中 保存 当前 用 户 连 接 的 所 有 页 面 中 的 相关 信息 。 作 用 域 : 会 话 期 间 。 
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常用 的 方法 有 : Q@ setAttribute (String name, Object value): 设 定 一 个 属性 和 属性 值 ; 
@getAttribute(String name) : 获取 指定 属性 name 的 属性 值 ; @invalidate() : 销毁 session。 


8.7 


io om wm 


思考 与 练习 


. JSP 内 置 对 象 的 作用 域 由 小 到 大 的 排列 顺序 是 什么 ? 

. JSP 内 置 对 象 包括 哪些 内 容 ? 

. 内置 对 象 的 page 指令 用 法 是 什么 ? 

.application 对 象 的 作用 域 是 什么 ? 

. 内置 对 象 page 和 pageContext 有 什么 不 同 ? 

。out, flush() 与 out, clear() 有 什么 区 别 ? 
.request，GetAttribute(String name) 的 作用 是 什么 ? 

.response. AddHeader(String name，String value) 方 法 的 作用 是 什么 ? 
. JSP 内 置 对 象 与 Servlet API 的 关系 是 什么 ? 


Web 数据 库 技术 | 


数据 库 技术 产生 于 20 世纪 60 年 代 末 70 年 代 初 , 它 的 出 现 使 计算 机 应 用 进入 了 一 个 新 
的 时 期 一 一 社会 的 每 一 个 领域 都 与 计算 机 应 用 发 生 了 联系 。 数 据 库 是 计算 机 的 最 重要 的 技 
术 之 一 ,是 计算 机 软件 的 一 个 独立 分 支 ,数据 库 是 建立 管理 信息 系统 的 核心 技术 , 当 数 据 库 
与 网 络 通信 技术 .多 媒体 技术 结合 在 一 起 时 ,计算 机 应 用 将 无 所 不 在 、 无 所 不 能 。 

本 章 主 要 介绍 Access 数据 库 和 SQL Server 数据 库 , 并 从 这 两 个 数据 库 软 件 中 学 习 数 
据 库 的 基本 操作 方法 ,创建 数据 库 、 表 、 查 询 等 操作 方法 ,学 习 如 何 将 数据 库 技 术 应 用 到 
Web 开发 中 。 

学 习 目 标 及 要 求 

(1) 熟悉 创建 Access 数据 库 和 表 的 方法 。 

(2) 掌握 表 之 间 的 关系 。 

(3) 能 够 使 用 Access 查询 数据 。 

(4) 学 会 安装 SQL Server 服务 器 ,能 够 启动 ,关闭 服务 。 

(5) 熟练 掌握 SQL 语句 ,包括 创建 ,查询 、 插 入、 修改 、 删 除 语句 。 

(6) 学 会 备份 数据 库 的 方法 。 

(7) 学 会 各 种 导入 和 导出 Access 和 SQL Server 数据 的 方法 。 


@.1 Access 数据 库 


Access 2003 是 一 个 功能 强大 方便 灵活 的 关系 型 数据 库 管 理 系统 。Access 2003 作为 
一 个 小 型 数据 库 管理 系统 ,为 用 户 提供 了 一 个 数据 库 管理 工具 集 和 数据 库 应 用 系统 开发 


区 全 
平台 。 


Access 启动 方法 : 双击 桌面 Access 快捷 方式 图 标 。 退 出 方法 : 单 击 主 窗口 中 的 关闭 
按钮 。 本 节 主 要 侧重 于 从 Web 数据 库 开发 角度 讲解 Access 数据 库 功能 。 


9.1.1 创建 数据 库 


进入 Access, 打 开 一 个 示例 数据 库 ,可 以 看 到 如 图 9-1 所 示 的 界面 ,在 这 个 界面 的 “对 
象 " 栏 中 ,包含 Access 的 7 个 对 象 ,分 别 为 表 、 查 询 、 窗 体 、 报 表 、 页 . 宏 ,模块 。 

创建 数据 库 方法 : 双击 Access 图 标 , 选 择 “ 文 件 ”>“ 新 建 ”>“ 空 数据 库 ”。 默 认 文件 名 
为 dbl. mdb。Access 数据 库 文件 的 后 级 名 为 . mdb。 
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图 9-1 学 生 管理 系统 数据 库 


9.1.2 设计 表 
1. Access 数据 表 对 象 组 成 


Access 数据 表 对 象 由 表 结 构 和 表 数 据 两 个 部 分 构成 。 数 据 表 对 象 的 结构 是 指数 据 表 
的 框架 ,也 称 为 数据 表 对 象 的 属性 ,主要 包括 以 下 内 容 : 

(1) 字段 名 称 。 数 据 表 中 的 一 列 称 为 一 个 字段 ,而 每 一 个 字段 均 具 有 唯一 的 名 字 , 称 为 
字段 名 称 。 

(2) 数据 类 型 。 数 据 表 中 的 同一 列 数据 必须 具有 共同 数据 特征 , 称 为 字段 的 数据 类 型 。 

(3) 字段 大 小 。 数 据 表 中 的 一 列 所 能 容纳 的 字符 或 数字 的 个 数 称 为 字段 大 小 。 

(4) 字段 的 其 他 属性 ,包括 索引 、 格 式 等 。 

打开 要 创建 数据 表 的 数据 库 , 单 击 “ 数 据 库 ” 窗 口 对 象 栏 中 的 * 表 ”按钮 ,然后 单 击 “ 数 据 
库 ” 窗 口 工 具 栏 中 的 “新 建 "按钮 ,打开 “新 建 表 ” 对 话 框 ,选择 “设计 视图 ”, 然 后 单 击 “ 确 定 ” 按 
钮 ,打开 表 设 计 视图 ,如 图 9-2 所 示 。 


图 9-2 表 结 构 


打开 要 创建 数据 表 的 数据 库 , 单 击 “ 数 据 库 " 窗 口 对 象 栏 中 的 “ 表 ” 按 钮 ,然后 单 击 “ 数 据 
库 ” 窗 口 工 具 栏 中 的 “新 建 "按钮 ,打开 “新 建 表 ” 对 话 框 ,选择 “数据 表 视 图 ”, 并 单 击 “ 确 定 ” 按 
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钮 ,打开 “数据 表 ” 视 图 窗口 ,在 该 窗口 下 可 以 通过 输入 数据 直接 创建 表 , 如 图 9-3 所 示 。 


4z061101 

4z081102 

4z061103 

4z061104 

4z081105 

4z061106 

4z061107 

4z061201 

4z061202 本 

4z081203 计算 机 应 用 技术 


米 
记录 ; [UL 10 [jC 六 共有 记录 数 : 11 


图 9-3 数据 表 

2. Access 支持 的 数据 类 型 (如 表 9-1 所 示 ) 

1) 文本 类 型 

文本 类 型 用 于 存储 文本 或 文本 与 数字 组 合 的 数据 。Access 默认 文本 型 字段 大 小 是 50 
个 字符 ,字符 文本 型 字段 最 长 为 255 个 字符 。 设 置 “ 字 段 大 小 ”属性 可 控制 可 输入 的 最 大 字 
符 长 度 。 

2) 备注 类 型 

备注 类 型 用 于 存储 长 文本 及 数字 ,例如 注解 或 者 说 明 等 。 备 注 型 可 以 解决 文本 型 无 法 
解决 的 问题 ,如 果 取 值 的 字符 个 数 超过 255 个 字符 ,就 无 法 使 用 文本 类 型 ,而 可 以 使 用 备注 
型 。 备 注 型 允许 存储 的 内 容 最 长 为 64 000 个 字符 。 

3) 数字 类 型 

数字 类 型 用 于 存储 可 以 进行 算术 运算 的 数据 ,有 关 货 币 的 计算 除外 。 用 户 可 以 通过 设 
置 "字段 大 小 ?属性 定义 一 个 特定 的 数据 类 型 。 

4) 日 期 /时 间 类 型 

日 期 /时 间 类 型 用 于 存储 日 期 或 时 间 数 据 。 每 个 日 期 /时 间 数 据 类 型 字段 需要 9 个 字 节 
的 存储 空间 。 

5) 货币 类 型 

货币 类 型 用 于 存储 货币 值 , 在 计算 时 禁止 四 舍 五 人 。 精 确 度 为 整数 部 分 15 位 数 ,小 数 
部 分 4 位 数 ,货币 数据 类 型 长 度 为 8 个 字 节 。 

6) 自动 编号 类 型 

自动 编号 类 型 比较 特殊 。 每 次 向 表 中 添加 新 记录 时 ,Access 会 自动 插入 唯一 顺序 号 ， 
即 在 自动 编号 字段 中 指定 数值 。 自 动 编号 数据 类 型 长 度 为 4 个 字 节 。 

7) 是 / 否 类 型 

是 / 否 数 据 类 型 适合 存储 只 有 两 种 可 能 性 的 数据 ,如 是 / 否 、 真 / 假 , 它 不 允许 NULL 值 ， 
比 文本 数据 类 型 节省 存储 空间 。 

8) OLE 对 象 类 型 

OLE 对 象 类 型 用 于 存储 声音 、 图 片 . 图 像 等 多 媒体 数据 ,或 是 Word、Excel 文件, 或 是 用 
其 他 应 用 软件 创建 的 数据 。OLE 对 象 类 型 是 指 字段 允许 单独 地 “链接 ”或 “ 柑 人 和 人 ”OLE 对 
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象 。 必 须 在 窗 体 或 报表 中 使 用 结合 对 象 框 来 显示 OLE 对 象 。OLE 对 象 类 型 最 大 可 为 1GB 


( 受 磁 盘 空 间 限 制 ) 。 
表 9-1 Access 的 数据 类 型 

数据 类 型 用 途 字符 长 度 
文本 字符 和 数字 0 一 255 个 字符 
备注 字符 和 数字 0 一 64 000 个 字符 
数字 数值 1.2.4 或 8 字 节 
日 期 /时 间 日 期 /时 间 8 字 节 

货币 数值 8 字 节 

自动 编号 自动 数字 4 字 节 

是 / 否 是 / 否 、 真 / 假 1 字 节 
OLE 对 象 链接 或 嵌 人 对象 可 达 1GB 
超 链接 Web 地 址 .邮件 地 址 可 达 64 000 字 节 
查阅 向 导 来 自 其 他 表 或 列表 的 值 通常 为 4 字 节 


对 于 某 一 具体 数据 而 言 ,可 以 使 用 的 数据 类 型 可 能 有 多 种 ,例如 电话 号 码 可 以 使 用 数字 
型 ,也 可 使 用 文本 型 ,但 只 有 一 种 是 最 合适 的 。 

在 使 用 数据 类 型 时 主要 考虑 以 下 几 个 方面 : 

。 字段 中 可 以 使 用 什么 类 型 的 值 。 

。 需要 用 多 少 存储 空间 来 保存 字段 的 值 。 
是 否 需要 对 数据 进行 计算 (主要 区 分 是 用 数字 ,还 是 文本 备注 等 ) 。 
是 否 需要 建立 排序 或 索引 (备注 、 超 链接 及 OLE 对 象 型 字段 不 能 使 用 排序 和 索引 ) 。 
。 是 否 需要 进行 排序 (数字 和 文本 的 排序 有 区 别 ) 。 
。 是 否 需 要 在 查询 或 报表 中 对 记录 进行 分 组 (备注 , 超 链接 及 OLE 对 象 型 字段 不 能 用 

于 分 组 记录 ) 。 


9.1.3 设 定数 据 表 之 间 的 关系 


数据 库 中 的 各 表 之 间 并 不 是 孤立 的 ,它们 彼此 之 间 存 在 或 多 或 少 的 联系 ,这 就 是 “ 表 间 
关系 ”。 可 以 通过 表 之 间 的 联系 来 访问 每 个 表 中 的 数据 ,实现 数据 共享 。 


1. 表 的 索引 


当 表 中 的 数据 很 多 时 ,需要 利用 索引 帮助 用 户 更 有 效 地 查询 数据 。 
索引 的 概念 涉及 记录 的 物理 顺序 与 逻辑 顺序 。 文 件 中 的 记录 一 般 按 其 磁盘 存储 顺序 输 
出 ,这 种 顺序 称 为 物理 顺序 。 索 引 不 改变 文件 中 记录 的 物理 顺序 ,而 是 按 某 个 索引 关键 字 
(或 表达 式 ) 来 建立 记录 的 逻辑 顺序 。 在 索引 文件 中 ,所 有 关键 字 值 按 升 序 或 降序 排列 ,每 个 
值 对 应 原文 件 中 相应 的 记录 的 记录 号 ,这 样 便 确定 了 记录 的 逻辑 顺序 。 今 后 的 某 些 对 文件 
记录 的 操作 可 以 依据 这 个 索引 建立 的 逻辑 顺序 来 操作 。 
如 图 9-4 所 示 , 第 一 张 表 是 原 表 文 件 内 容 , 第 二 张 表 是 依据 “学 生 姓名 ”建立 的 一 个 排序 
文件 ,第 三 张 表 是 依据 "学生 姓名 ”建立 的 一 个 索引 文件 。 
,索引 文件 也 会 增加 系统 开销 ,我 们 一 般 只 对 需要 频繁 查询 或 排序 的 字段 创建 索 
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Record# 老师 电话 

1 E 5666043 
5666120 
4108219 
5666043 
4108219 


2 
小 
4 
5 


Record# 老师 电话 
1 5666120 
2 5666043 
3 4108219 
4 5666043 
5 4108219 


Record# 
2 


1 
学 
4 
5 


图 9-4 原 表 文 件 和 索引 文件 


引 。 而 且 , 如 果 字 段 中 许多 值 是 相同 的 ,索引 不 会 显著 提高 查询 效率 。 

字段 数据 类 型 为 文本 数字、 货币 .日 期 /时 间 型 的 字段 值 能 进行 索引 设置 ,搜索 保存 在 
字段 中 的 值 ,排序 字段 中 的 值 。 

表 的 主键 将 自动 被 设置 为 索引 ,而 备注 ` 超 链接 及 OLE 对 象 等 类 型 的 字段 则 不 能 设置 
索引 。 

Access 2003 为 每 个 字段 提供 了 3 个 索引 选项 : 无 有 (有 重复 )、 有 (无 重复 )。 

索引 可 分 为 单一 字段 索引 和 多 字段 索引 两 种 。 一 般 情况 下 , 表 中 的 索引 为 单一 字段 索 
引 。 建 立 单一 字段 索引 的 方法 如 下 (如 图 9-5 所 示 ) : 

(1) 打开 表 设 计 视 图 , 单 击 要 创建 索引 的 字段 ,该 字段 属性 将 出 现在 “字段 属性 ”区 
域 中 。 
(2) 打开 “常规 ”选项 卡 的 “索引 ”下 拉 列 表 , 在 其 中 选择 “有 (有 重复 )" 选 项 或 “有 (无 重 
复 ) "选项 即 可 。 

(3) 保存 修改 。 


索引 名 称 
公司 名 称 
联系 人 姓氏 
邮政 编码 
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如 果 经 常 需要 同时 搜索 或 排序 更 多 的 字段 ,那么 就 需要 为 组 合 字段 设置 索引 。 建 立 多 
字段 索引 的 操作 步 又 如 下 : 

(1) 在 表 的 设计 视图 中 单 击 工 具 栏 中 的 “索引 ”按钮 ,弹出 “索引 ”对 话 框 。 

(2) 在 “索引 名 称 ” 列 的 第 一 个 空 行内 输入 索引 名 称 , 索 引 名 称 一 般 与 索引 字段 名 相同 。 

(3) 选择 字段 名 称 , 设 置 排序 次 序 。 

注意 : 在 建立 表 之 间 的 关联 时 ,首先 需要 建立 索引 ,然后 才能 进行 查询 。 


2. 表 的 主 关键 字 


数据 库 中 的 每 一 个 表 都 必须 有 一 个 主 关键 字 。 它 用 于 保证 表 中 的 每 条 记录 都 是 唯一 
的 。 定 义 主键 的 方法 很 简单 ,在 保存 表 时 (该 表示 定义 主键 ), Microsoft Access 会 弹出 消息 
对 话 框 ,询问 用 户 是 否 创建 主键 。 如 果 选 择 “ 否 ”, 则 不 创建 主键 ; 选择 “是 ”,Access 会 自动 
创建 一 个 自动 编号 类 型 的 字段 并 添加 到 表 的 第 一 列 ,作为 该 表 的 主键 。 更 改 主键 时 ,首先 要 
删除 旧 的 主键 。 而 删除 旧 的 主键 , 先 要 删除 其 被 引用 的 关系 。 


3. 创建 并 查看 表 间 关系 


可 以 在 包含 类 似 信息 或 字段 的 表 之 间 建 立 关系 。 在 表 中 的 字段 之 间 可 以 建立 3 种 类 型 
的 关系 : 一 对 一 、 一 对 多 、 多 对 多 。 

一 对 一 关系 存在 于 两 个 表 中 含有 相同 信息 的 相同 字段 , 即 一 个 表 中 的 每 条 记录 都 只 对 
应 于 相关 表 中 的 一 条 匹配 记录 。 如 雇员 表 和 人 力 资源 表 。 

一 对 多 关系 存在 于 当 一 个 表 中 的 每 一 条 记录 都 对 应 于 相关 表 中 的 一 条 或 多 条 匹配 记录 
时 ,如 产品 表 与 销售 表 。 

在 表 与 表 之 间 建 立 关 系 , 不 仅 确立 了 数据 表 之 间 的 关联 ,还 确定 了 数据 库 的 参照 完整 
性 。 即 在 设 定 了 关系 后 ,用 户 不 能 随意 更 改建 立 关联 的 字段 。 参 照 完整 性 要 求 关 系 中 一 张 
表 中 的 记录 在 关系 的 另 一 张 表 中 有 一 条 或 多 条 相对 应 的 记录 。 

不 同 的 表 之 间 的 关联 是 通过 表 的 主键 来 确定 的 ,因此 当 数 据 表 的 主键 更 改 时 ,Access 
2003 会 进行 检查 。 

创建 数据 库 表 关系 的 方法 如 下 : 

(1) 单 击 数据 库 窗口 工具 栏 上 的 “关系 ”按钮 ,或 者 选择 “工具 ”一 “关系 ”命令 ,打开 关系 
窗口 。 选 择 “ 显 示 表 ”, 将 表 添 加 到 设计 窗口 中 ,如 图 9-6 所 示 。 

(2) 拖 动 一 个 表 的 主键 到 关联 表 的 相应 字段 处 ,如 图 9-7 所 示 。 根 据 要 求 重复 此 步骤 。 


图 9-6 添加 表 图 9-7 添加 表 关 系 


第 9 章 ”Web 数据 库 技术 


关系 可 以 查看 和 编辑 。 打 开 * 关 系 ” 窗 口 , 即 可 查看 关系 ; 而 双击 表 间 的 连 线 ,可 以 编辑 
任何 连接 关系 ,此 时 弹出 编辑 窗口 ,如 图 9-8 所 示 。 


图 9-8 编辑 关系 


4. 表 间 关系 的 编辑 与 删除 


用 户 可 以 编辑 已 有 的 关系 ,或 删除 不 需要 的 关系 。 如 图 9-9 所 示 ,双击 关系 连 线 , 可 编 
辑 关 系 ; 而 右 击 连 线 ,选择 "删除 ”, 可 删除 关系 。 


图 9-9 删除 关系 


9.1.4 数据 表 中 的 数据 操作 
1. 更 改 数据 表 的 显示 方式 


用 户 可 根据 需要 来 选择 不 同 的 字体 。 选 择 " 格 式 ” 一 "字体 ”命令 ,将 弹出 “字体 "对话 框 。 
用 户 可 以 对 数据 表 的 单元 格 效果 进行 设置 。 其 操作 方法 为 : 选择 “格式 ”一 “数据 表 ” 命 
令 , 弹 出 “设置 数据 表格 式 ” 对 话 框 。 


2. 修改 数据 表 中 的 数据 (如 图 9-10 所 示 ) 


1) 插入 新 数据 


当 向 一 个 空 表 或 者 向 已 有 数据 的 表 增 加 新 的 数据 时 ,都 要 使 用 插入 新 记录 的 功能 。 
2) 修改 数据 
在 数据 表 视 图 中 ,用 户 可 以 方便 地 修改 已 有 的 数据 记录 。 注 意 保 存 。 


对 湖 沽 对 酒 对 对 泪 国 酒 湖泊 


图 9-10 插入 .修改 、 删 除数 据 


3) 替换 数据 

如 果 想 把 数据 表 中 的 某 个 数据 替换 为 另 一 个 数据 ,可 以 进行 如 下 操作 : 在 数据 表 视 图 
中 选中 要 替换 的 字段 内 容 ,然后 选择 “编辑 ”一 “替换 "命令 ,弹出 “查找 和 替换 "对话 框 。 

4) 复制 移动 数据 

利用 剪贴 板 功 能 可 以 很 方便 地 进行 复制 ,移动 数据 操作 。 

5) 删除 记录 

可 以 利用 “编辑 ”一 “删除 ”进行 删除 操作 ,也 可 用 快捷 键 方式 完成 该 操作 。 


3. 排列 数据 


Access 根据 主键 值 自动 排序 记录 。 在 数据 检索 和 显示 期 间 , 用 户 可 以 按 不 同 的 顺序 来 
排序 记录 。 在 数据 表 视 图 中 ,可 以 对 一 个 或 多 个 字段 进行 排序 。 升 序 的 规则 是 按 字母 顺序 
排列 文本 ,从 最 早 到 最 晚 排列 日 期 /时 间 值 ,从 最 低 到 最 高 排列 数字 与 货币 值 , 如 图 9-11 
所 示 。 

对 于 多 个 字段 的 排序 ,Access 2003 使 用 从 左 到 右 的 优先 权 排 序 。 


EE 


i 
升序 排序 &) 
天 降序 排序 四 
河 复制 品 
在 贴 E) 
CO) 
障 疗 列 0D 


六 结 列 久 ) 
取消 对 所 有 列 的 将 结 他 ) 


对 湖 细 对 尖 对 对 淖 酒 泗 沽 沽 


查找 中) 
DETECT 
查阅 到 QL) 
记录 : [14] 1 [PLDP 尖 共有 记录 洲 : 12 i 
重合 名 列 如 


图 9-11 排列 数据 
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4. 查找 数据 


用 户 可 以 在 数据 表 视 图 中 查找 指定 的 数据 ,其 操作 是 通过 “编辑 ”一 “查找 命令 来 完 
成 的 。 


5. 筛选 数据 


筛选 数据 是 只 将 符合 筛选 条 件 的 数据 记录 显示 出 来 :以便 用 户 查 看 。 筛 选 方法 有 5 种 ， 
分 别 为 按 窗 体 筛选 、 按 选 定 内 容 筛选 .输入 筛选 ,高 级 筛选 /排序 ,内容 排 除 筛选 ,如 图 9-12 
所 示 。 


性 别 籍贯 年 齿 政治 面 网 班 明 IT 


闻 润 对 明 对 对 洒洒 尖 明 肖 | 
Br-no-nonon-== 


图 9-12 数据 筛选 


6. 高 级 筛选 与 排序 


高 级 筛选 与 排序 可 以 应 用 于 一 个 或 多 个 字段 的 排序 或 筛选 。 高 级 筛选 /排序 窗口 分 为 
上 下 两 部 分 ,上 面 是 含有 表 的 字段 列表 ,下 面 是 设计 网 格 ,如 图 9-13 所 示 。 


图 9-13 ”高 级 数据 筛选 


要 创建 一 个 高 级 筛选 ,首先 要 把 字段 添加 到 用 于 排序 和 规定 筛选 准则 的 设计 网 格 中 。 
在 “条件 ” 行 中 ,可 添加 要 显示 记录 的 条 件 , 它 的 设置 方法 与 按 窗 体 筛 选 的 设置 方法 一 样 。 

用 户 如 果 保存 了 筛选 , 则 该 筛选 与 表 一 起 保存 ,而 不 作为 独立 的 对 象 保存 。 当 用 户 再 次 
打开 该 表 时 ,筛选 不 再 起 作用 。 如 果 用 户 想 在 一 个 表 中 使 用 多 个 筛选 或 永久 保存 一 个 筛选 ， 
必须 将 其 作为 一 个 查询 保存 起 来 。 

用 户 还 可 以 取消 和 删除 筛选 , 单 击 工 具 栏 上 的 取消 筛选 /排序 按钮 即 可 。 
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若 要 完全 删除 一 个 筛选 ,就 要 通过 ”清除 网 格 *"“ 应 用 筛选 ~“ 关闭 ”“ 高 级 筛选 /排序 ” 
等 操作 来 完成 。 

项 目 案例 1: 配置 Microsoft Access 数据 库 文件 的 DSN 案例 。 

ODBC 数据 源 管 理 器 提供 3 种 不 同类 型 的 DSN: 用 户 DSN、 系 统 DSN 和 文件 DSN。 

用 户 DSN 在 Windows NT 系统 注册 表 中 存储 如 何 与 指定 数据 提供 者 连接 的 信息 ,用 
户 DSN 只 对 当前 用 户 可 见 ,而且 只 能 用 于 当前 机 器 上 。 

系统 DSN 也 在 系统 注册 表 中 存储 数据 库 的 信息 ,系统 DSN 添加 的 数据 源 本 机 上 的 所 
有 用 户 都 可 以 看 到 。 

文件 DSN 是 一 个 文本 文件 , 它 包 含 数据 库 的 连接 信息 ,该 文件 保存 在 计算 机 中 ,而 且 可 
以 通过 复制 轻易 地 从 一 个 服务 器 转移 到 另 一 个 服务 器 。 在 Windows 系统 下 ,打开 “控制 面 
板 " 窗 口 ,就 可 以 创建 基于 DSN 的 文件 了 。 

创建 ODBC 数据 源 的 步骤 如 下 : 

(1) 打开 ”控制 面板 ”一 "管理 工具 ”一 "数据 源 (ODBC)”, 显 示 “ODBC 数据 源 管理 器 "对 
话 框 ,如 图 9-14 所 示 。 

(2) 单 击 “ 添 加 ”按钮 ,显示 “创建 新 数据 源 ” 对 话 框 。 选 择 Microsoft Access Driver( * . mdb)， 
单 击 “ 完 成 "按钮 ,进入 下 一 步 。 

(3) 给 数据 源 命名 (如 MyData) ,再 单 击 " 选 择 (S)...”, 选 择 Access 数据 库 , 单 击 “ 确 定 ” 
按钮 ,就 OK 了 。 


ET ?xl 
用 户 nsW | 系统 DsW 文件 SN | 3E 动 程序 | 跟踪 | 连接 池 | 关于 | 
搜索 范围; ows owe 可 回 | [Emo | 
CT ww | 
LH | 
识 置 上 录 名 | 


鲜 人 文件 DSW 可 以 由 


确定 职 消 | 友 用 [Ci 帮助 | 


图 9-14 文件 DSN 配置 


6.2 SOL Server 数据 库 


SQL Server 是 由 美国 Microsoft 公司 推出 的 高 性 能 关系 数据 库 管理 系统 , 它 经 历 了 十 
多 年 的 发 展 过 程 ,目前 已 经 成 为 很 出 色 的 数据 库 管理 系统 。 


第 9 章 “Web 数据 库 技术 


9.2.1 安装 SQL Server 服务 器 


将 SQL Server 2000 的 光盘 插入 CD-ROM 驱动 器 之 后 ,SQL Server 的 安装 程序 会 自动 
启动 。 如 果 该 光盘 不 自动 运行 ,请 双击 该 光盘 根 目录 中 的 Autorun. exe 文件 ,打开 安装 选 
项 窗口 ,如 图 9-15 所 示 。 


人 ES a 装 soL server 2000 侧 伟 中 文 个 版 四 人 SS 5 sr server 2000 简体 中 文 村 从 版 @) 


ES 安装 SQL Server 2000 简体 中 文 企业 版 四) ES 安装 SQL Server 2000 简体 中 文 开发 版 四) 


多 制作 : Nade By —==Pele—=- © tw 


-一 疯 -== 


图 9-15 SQL Server 安装 界面 


操作 步骤 如 下 : 

第 一 步 : 将 企业 版 安装 光盘 插入 光驱 (以 常用 的 简体 中 文 4IN1 版 本 为 例 )， 选择 好 版 本 
即 可 见 如 图 9-16 所 示 窗 口 ,选择 “安装 SQL Server 2000 组 件 ”, 弹 出 如 图 9-17 所 示 窗 

选择 “安装 数据 库 服务 器 ”。 


[ES 安装 SQL Server 2000 组 件 (C) | 多 浏览 安装 /升级 帮助 (8) 


人 SB 准 5dL server 2000 的 先决 条 件 () 阅读 发 布 说 明 E) 


急 访问 我 们 的 Yeb 站 点 (了 


图 9-16 安装 SQL Server 组 件 


| 加 安装 数据 库 服务 器 (5) 


外 安装 hnalysis Service(&) 


例 安装 English Query(9) 
EE 


上 


图 9-17 安装 数据 库 服务 器 


注意 : 系统 在 某 些 版 本 上 会 出 现 提示 信息 ,意思 是 说 安装 好 SQL Server 2000 服务 器 后 
需要 安装 SP4 安装 补丁 来 更 新 数据 库 服务 器 。 

第 二 步 : 根据 SQL Server 安装 向 导 进 行 下 一 步 安 装 。 当 遇 到 确认 计算 机 名 时 ,选择 
“本 地 计算 机 ”, 如 图 9-18 所 示 。 在 “安装 选择 ”窗口 选择 “创建 新 的 SQL Server 实例 …… Ps 
对 于 初次 安装 的 用 户 ,应 选用 这 一 安装 模式 ,无 须 使 用 “高 级 选项 ”进行 安装 。 a 
中 的 内 容 均 可 在 安装 完成 后 进行 调整 。 在 “用 户 信 息 ” 窗 口 输入 用 户 信息 , 单 击 “下 一 步 ? 按 
钮 并 接受 软件 许可 证 协议 , 单 击 “ 是 ?按钮 。 


EE]| 
辆 入 要 在 其 上 他 峙 新 的 SQL Server 实 网 或 修改 现 有 
SQL Sever 实 网 的 计算 机 的 名 称 。 


输入 要 管理 的 新 的 或 现 有 的 诬 扫 5UL Serve 


|oYwLE5OAE0I609 


才 助 《上 一 步 邓 ) | 下 一 步 中 > 取消 


图 9-18 计算 机 名 


第 三 步 : 在 “安装 定义 ”窗口 选择 “服务 器 和 客户 端 工 具 ” 选 项 进行 安装 ,如 图 9-19 所 
示 。 我 们 需要 将 服务 器 和 客户 端 同时 安装 ,这 样 在 同一 台 机 器 上 可 以 完成 相关 的 所 有 操作 ， 
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对 于 我 们 学 习 SQL Server 很 有 用 处 。 如 果 已 经 在 其 他 机 器 上 安装 了 SQL Server, 则 可 以 
只 安装 客户 端 工具 ,用 于 对 其 他 机 器 上 SQL Server 的 存 取 。 


本 
可 从 下 列 安装 类 型 中 选择 一 个 ， 
个 避 客 户 端 工具 [CG 


于 助 ”| 《上 一 步 四 | 下 一 步 加 | 。 取消 
图 9-19 安装 定义 


在 “实例 名 ”窗口 选择 “默认 ”的 实例 名 称 。 这 时 SQL Server 的 名 称 将 和 Windows 2000 
服务 器 的 名 称 相同 。 例 如 , Windows 服务 器 名 称 是 mysql, 则 SQL Server 的 名 字 也 是 
mysql。SQL Server 2000 可 以 在 同一 台 服 务 器 上 安装 多 个 实例 ,也 就 是 可 以 重复 安装 几 
次 。 这 时 就 需要 选择 不 同 的 实例 名 称 了 。 建 议 将 实例 名 称 限制 在 10 个 字符 之 内 。 实 例 名 
称 会 出 现在 各 种 SQL Server 和 系统 工具 的 用 户 界面 中 ,因此 名 称 越 短 越 容 易 读 取 。 另 外 ， 
实例 名 称 不 能 是 Default 或 SQL Server 以 及 SQL Server 的 保留 关键 字 等 。 

第 四 步 : 在 “安装 类 型 "窗口 选择 “典型 "安装 选项 ,并 指定 “目的 文件 夹 ”, 如 图 9-20 所 
示 。 程 序 和 数据 文件 的 默认 安装 位 置 都 是 “C:\Program Files\Microsoft SQL Server\”。 
一 般 因 为 C 盘 是 系统 区 ,所 以 选择 其 他 盘 。 注 意 ,如 果 数 据 库 数据 有 10 万 条 以 上 的 话 , 请 
预 留 至 少 1GB 的 存储 空间 ,以 应 付 需 求 庞 大 的 日 志 空 间 和 索引 空间 。 


安装 类型 EE x 
单 击 您 喜爱 的 安装 类 型 ， 然 后 单 击 “ 下 一 步 ”。 

他 奥 型 [[) 安装 景 常用 的 选项 。 建 议 一 般 用 户 采 用 此 种 安装 。 

个 量 小 员 只 安装 必需 的 选项 。 

太 自 定义 C)】 您 可以 选择 要 安装 的 选项 。 建 议 高 级 用 户 采 用 此 种 安装 。 


目的 文件 到 
程序 文件 浏览 人) | CN\... Microsoft SQL Server 


数据 文件 浏览 仙 ... ] CN \Microsoft SQL Server 


程序 六 他 动 器 上 的 全 间 ; 38205 K 2738324 
系统 驱动 器 上 的 空间 : 193391 kK 2736324 Kk 
数据 文件 驱动 器 上 的 空间 36544 了 2736324 了 


帮助 0) | 《 上 一 步 @) | 下 一 步 中 >| 取消 | 


图 9-20 ”安装 类 型 
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在 这 里 建议 把 数据 库 文件 安装 到 D 盘 或 其 他 非 系统 分 区 中 ,以 减 小 由 于 系统 故障 带 来 
的 数据 安全 威胁 。 

在 “服务 账号 ”窗口 选择 “对 每 个 服务 使 用 统一 账户 …… ”选项 。 在 “服务 设置 "处 选择 
“使 用 本 地 系统 账户 ”。 如 果 需 要 “使 用 域 用 户 账户 ”, 请 将 该 用 户 添加 至 Windows Server 的 
本 机 管理 员 组 中 。 

第 五 步 : 在 “身份 验证 模式 ”窗口 选择 “混合 模式 ……” 选 项 ,并 设置 管理 员 sa 账号 的 密 
码 ”, 如 图 9-21 所 示 。 如 果 你 的 目的 只 是 为 了 学 习 的 话 ,可 以 将 该 密码 设置 为 空 ,以 方便 
登录 。 


EE TE x 
选择 身份 验证 模式 。 


个 Windows 身 份 验证 模式 [Ww] 
人 混合 模式 ( Windows 身份 验证 和 SQL Sever 身 份 验 证 》[M] 


wm | ct-sw[T5D] me | 


图 9-21 身份 验证 模式 


9.2.2 启动 .暂停 和 停止 SOL Server 服务 器 


在 SQL Server 2000 安装 成 功 以 后 ,选择 “开始 "| “程序 ", 将 会 出 现 Microsoft SQL 
Server 程序 组 子 项 目 , 它 们 分 别 是 查询 分 析 器 .导入 和 导出 数据 .服务 管理 器 .服务 器 网 络 实 
用 工具 、 客 户 端 网 络 实用 工具 、 联 机 从 书 ,企业 管理 器 和 事件 探查 器 等 。 其 中 最 常用 的 是 服 
务 管理 器 ,企业 管理 器 和 查询 分 析 器 。 

系统 安装 之 后 自动 生成 6 个 数据 库 , 其 中 包含 4 个 系统 数据 库 , 分 别 是 Master、Model、 
Msdb 和 Tempdb ,两 个 示例 数据 库 ,分 别 是 Pubs、Northwind。 

查看 SQL Server 2000 启动 情况 。 成 功 安装 了 SQL Server 2000 ,在 SQL Server 正常 
启动 后 ,计算 机 桌面 右 下 角 出 现 的 SQL Server 服务 监视 图 标 显 示 为 一 个 带 绿 色 三 角 的 服务 
启动 标记 ,如 图 9-22 所 示 。 


sl*@£LRE OEY i 
图 9-22 服务 器 运行 
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若 该 绿色 图 标 变 成 了 红色 的 方块 , 则 表明 SQL =5Ix] 
Server 已 停止 服务 ,可 通过 “SQI Server 服务 管理 Rs 一 一 一季 
器 ”程序 来 启动 SQL Server。 双 击 该 图 标 ,将 出 现 如 刷新 服务 Qf) 
图 9-23 所 示 的 “SQL Server 服务 管理 器 ”程序 ,可 通 于 | 开始 /给 红 人 @) 
过 该 程序 停止 .启动 SQL Server 的 后 台 服 务 。 | 站 停 @) 
如 果 在 计算 机 桌面 右 下 角 没有 出 现 SQL Server St 
服务 监视 图 标 , 选择 “开始 "一 “程序 ”, 即 可 看 到 NS 


Mierosoft SQL Server 2000 的 程序 组 件 , 单 击 其 中 的 。 92 启动 特 停 和 你 让 SQ SUN 
“服务 管理 器 ”, 则 可 以 启动 SQL Server 服务 。 服务 器 


9.2.3 安装 SOL Server 2000 常见 问题 
SQL Server 安装 时 经 常会 遇 到 一 个 问题 , 即 出 现 错误 提示 :“ 以 前 的 某 个 程序 安装 已 在 


安装 计算 机 上 创建 挂 起 的 文件 操作 。 和 运行 安装 程序 之 前 必须 重新 启动 计算 机 。” 如 图 9-24 
所 示 。 


畏 入 委 在 上 上 他 庚 新 的 SQL Server 实例 或 米 羽 现 有 
SLSorver 实 六 的 计算 机 的 名 称 。 


2 ;二 入 要 管理 的 新 的 兢 克 有 的 庶 扒 SQL 5sryer 


二 到 | 
了 以 前 的 其 个 程序 空 装 已 在 实 装 计算 机 上 自 建 挂 起 的 文件 操作 。 运 行 安 半 程 序 之 前 必须 重新 启动 计算 机 , 


we | 
个 炬 招 服 务 如 区 
六 哆 [WI 


Pe 


带 助 | 《上 一 步 四 | 下 一 步 吕 "| 职 涌 


图 9-24 挂 起 文件 操作 


操作 方法 : 打开 注册 表 编辑 器 ,选择 “开始 ”一 “运行 ”, 在 命令 窗口 中 输入 “regedit”。 打 
开 注 册 表 后 ,在 HKEY _LOCAL_MACHINE\SYSTEM\CurrentControlSet\ Control\ 
Session Manager 中 找到 PendingFileRenameOperations 项 目 , 并 删除 它 。 这 样 就 可 以 清除 
挂 起 项 目 。 


@.3 SQL 语句 


SQL 语言 是 关系 数据 库 操作 语言 ,在 过 去 的 几 年 中 ,SQL 语言 已 经 发 展 成 为 标准 的 计 
算 机 数据 库 语言 。 
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1986 年 ANSI(American National Standards Institute, 美国 


SQL 语言 为 数据 库 操作 的 标准 语言 。 


国 


家 标准 协会 ) 和 ISO 
(International Standards Organization ,国际 标准 化 组 织 ) 颁 布 了 SQL 正式 标准 ,同时 确认 


现在 已 有 100 多 种 遍布 在 从 微机 到 大 型 机 上 的 SQL 


数据 库 产品 。SQL 语言 基本 上 独立 于 数据 库 本 身 及 其 使 用 的 计算 机 、 网 络 、 操 作 系 统 ,基于 


SQL 的 DBMS 开发 商 所 提供 的 产品 一 般 都 具有 良好 的 可 移植 性 。 


SQL 语言 最 初 由 IBM 的 研究 人 员 在 20 世纪 70 年 代 提 出 ,最 初 的 名 称 为 SEQUEL( 结 
果 ) ,从 80 年 代 开 始 改名 为 SQL, 看 似 是 SEQUEL 的 缩写 ,但 一 般 又 理解 为 结构 化 查询 语 


言 (structure query language) 。 


9.3.1 


CREATE DATABASE LOGIN; 


创建 数据 库 、 表 语句 


CREATE TABLE CJ FREE( xh C(8), kcdh C(4), cj N ) 


注意 : 若 无 FREE 选项 ,将 在 打开 的 数据 库 中 创建 数据 库 表 CJ。 
附 表 : 学 生 表 ,如 表 9-2 所 示 。 成 绩 表 ,如 表 9-3 所 示 。 课 程 表 ,如 表 9-4 所 示 。 


xb 
zydh 
ximing 
jg 

csrq 


zp 


9.3.2 查询 语句 


-| 


表 9-2 学 生 表 XS. DBF 结构 


表 9-3 成 绩 表 CJ. DBF 结构 
8 
4 
3 


表 9-4 课程 表 KC. DBF 结构 


学 号 
姓名 
性 别 
专业 代号 
系 科 名 称 
籍贯 
出 生日 期 
照片 


SQL 的 核心 是 查询 功能 ,SQL 的 查询 命令 也 称 做 SELECT 命令 , 它 的 常 


如 下 : 


语法 格式 
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SELECT [ALL|DISTINCT] [TOP (表达 式 ) ] < 目标 列表 达 式 > // 说 明 要 查询 的 数据 


FROM [数据 库 名 !]< 表 名 > // 说 明 数 据 来 源 

[ [ INNER | LEFT[ OUTER] | RIGHT[ OUTER] | FULL[ OUTER] ] // 说 明 与 其 他 表 的 联接 方式 
JOIN 数据 库 名 ! 表 名 ON < 联接 条 件 >] 

WHERE < 条 件 表达 式 > // 说 明 查询 的 条 件 

[GROUP BY < 分 组 依据 >] // 对 查询 结果 进行 分 组 

[HAVING < 条 件 表达 式 >] // 限 定 分 组 满足 的 条 件 

[ORDER BY < 排序 依据 >] // 对 查询 结果 进行 排序 

[UNION [ALL]...] // 对 多 个 查询 结果 进行 合并 


以 上 语句 是 必须 要 掌握 的 SQL SELECT 命令 。 
1. 简单 查询 


简单 查询 有 两 种 : 一 种 是 由 SELECT 和 FROM 短语 构成 的 无 条 件 查询 ; 另 一 种 是 由 
SELECT 和 FROM 以 及 WHERE 短语 构成 的 条 件 查询 。 

【 例 9-1】 查询 学 生 表 中 所 有 字段 。 

SELECT * FROM XS 

注意 :“* ”是 通配符 ,代表 全 部 字段 列表 。 

【 例 9-2〗 查询 学 生 表 中 所 有 学 号 和 姓名 。 

SELECT xh ,xm FROM XS 

注意 : 字段 名 之 间 要 用 英文 过 号 分 隔 。 

【 例 9-3〗 从 学 生 表 中 查询 所 有 系 科 名 称 , 要 求 不 重复 显示 相同 的 系 科 名 称 。 

SELECT DISTINCT ximing FROM XS 

注意 : 如 果 要 去 掉 重 复 值 ,只 须 使 用 DISTINCT 短语 。 

【 例 9-4】 从 成 绩 表 中 查询 所 有 成 绩 大 于 85 分 的 学 号 。 

SELECT DISTINCT xh FROM cj WHERE CJ.cj>85 

注意 : 简单 条 件 查询 要 使 用 WHERE 短语 。 

2. 简单 联接 查询 

联接 是 关系 的 基本 操作 之 一 ,简单 联接 查询 是 一 种 基于 多 个 关系 (往往 是 基于 多 张 表 ) 


的 查询 。 

【 例 9-5】〗 查询 至 少 有 一 门 课程 成 绩 大 于 85 的 学 生 姓 名 。 

SELECT xm FROM XS, CJ WHERE CJ.cj > 85 and XS. xh = CJ.xh 

注意 : 

(1) 这 里 所 要 查询 的 数据 分 别 来 自 “ 学 生 表 ”和 “成 绩 表 ”。 

(2) 如 果 在 FROM 之 后 有 两 个 表 , 那 么 这 两 个 表 之 间 一 定 有 一 种 关系 ,如 本 例 中 的 XS 
表 和 CJ 表 都 有 “学 号 ”字段 ,否则 无 法 构成 检索 表达 式 。 
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(3) 本 例 中 “XS. xh 一 CJ. xh” 是 联接 条 件 。 

(4) 当 FROM 后 面 有 多 个 关系 含有 相同 的 字段 名 时 ,必须 用 表 别 名 前 缓 直接 指明 字段 
所 属 的 表 , 如 “XS. xh”。 

注意 : 在 SQL 语句 的 WHERE 子 和 句 后 的 联接 条 件 , 除 了 使 用 VFP 的 关系 表达 式 和 远 
辑 表 达 式 外 ,还 可 以 使 用 几 个 特殊 运算 符 : [NOT]IN、[NOT]BETWEEN... AND...、 
[NOTJLIKE. 

【 例 9-6】 在 学 生 表 中 查询 所 有 计算 机 系 的 学 生 , 不 要 其 他 的 学 生 信 息 。 

SELECT x FROM XS WHERE ximing LIKE“ 计 算 机 系 ” 

注意 : 可 以 使 用 NOT 运算 符 来 设计 否定 条 件 , 如 查询 所 有 非 计 算 机 系 的 学 生 。 

SELECT x FROM XS WHERE NOT (ximing LIKE“ 计 算 机 系 ”) 

【 例 9-7】 在 学 生 表 中 查询 所 有 姓 李 的 学 生 。 

SELECT x* FROM XS WHERE xm LIKE " 李 %" 

注意 :“%” 匹 配 多 个 任意 符号 ,“_” 匹 配 一 个 任意 符号 。 

【 例 9-8〗 查询 所 有 成 绩 在 80 和 90 之 间 的 学 生 。 


SELECT XS. xm FROM XS, CJ WHERE (CJ.cj BETWEEN 80 AND 90) AND (XS. xh= CJ.xh) 


3. 计算 查询 
【 例 9-9】 计算 英语 课程 的 平均 成 绩 、 最 高 成 绩 、 最 低 成 绩 。 


SELECT kcm, AVG(CJ.cj) as "平均 成 绩 "，MAX(CJ.cj) as "最 高 成 绩 ",; 
MIN(CJ.cj) as "最 低 成 绩 " FROM CJ, KC ; 
WHERE kcm = "英语 ”and CJ.kcdh = KC.kcdh 


【 例 9-10】 统计 学 生 表 中 的 专业 数目 。 
SELECT COUNT( DISTINCT zydh ) FROM XS 


注意 : COUNT 函数 的 参数 可 以 是 字段 名 ,也 可 用 "“* ?号 来 通 配 , 如 COUNT(* )。 加 
DISTINCT 是 为 了 排除 相同 的 项 。 


4. 分 组 查询 


SQL 不 仅 具有 一 般 的 检索 功能 ,还 可 直接 对 检索 结果 进行 计算 ,用 于 计算 的 函数 有 
COUNTO 一 一 计数 、SUM() 一 一 求 和 、AVG() 一 一 求 平均 值 、 MAX() 一 一 求 最 大 值 、 
MINO 一 一 求 最 小 值 。 

SQL 提供 的 计算 函数 可 以 对 满足 条 件 的 记录 进行 各 种 计算 ,这 些 函 数 还 可 以 从 一 组 值 
中 计算 出 一 个 汇总 信息 ,通常 和 GROUP BY 分 组 子 句 配合 使 用 ,完成 特定 的 查询 。 

【 例 9-11】 统计 每 门 课程 的 名 称 、 平 均 成 绩 。 


SELECT KC. kcm, AVG(CJ. cj) as "平均 成 绩 " FROM KC,CJ ; 
GROUP BY CJ. kcdh WHERE CJ.kcdh = KC.kcdh 
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【 例 9-12】 查询 最 少 选修 3 门 课程 的 学 生 姓名 。 


SELECT XS. xm FROM XS WHERE xh IN ; 
(select xh from CJ group by xh HAVING count( * )>= 3) 


注意 : HAVING 子 句 的 作用 是 指定 查询 的 结果 所 满足 的 条 件 ,通常 和 GROUP BY 配 
合 使 用 ; 而 WHERE 子 句 的 作用 是 指定 参与 查询 的 表 中 的 数据 所 满足 的 条 件 。 
【 例 9-13】〗 按 系 科 统 计 各 专业 男生 人 数 、 女 生 人 数 、 系 科 名 称 、 性 别 。 


SELECT XS. ximing, XS. xb, COUNT(XS. * ) as "学 生 人 数 " FROM XS ; 
GROUP BY XS. ximing , XS.zydh ，XS. xb 


注意 : 题目 要 求 按 系 科 、 专 业 、 性 别 进行 统计 ,因此 应 按 系 科 、 专 业 , 性 别 来 分 组 ; 分 组 
表达 式 若 有 多 个 ,用 过 号 分 隔 。 

5. 排序 

SQL 使 用 ORDER BY 进行 排序 的 操作 ,默认 是 升序 排序 。 

【 例 9-14】 按 学 号 升序 成 绩 降序 检索 学 生成 绩 。 


SELECT x* FROM CJ ORDER BY xh ASC , cj DESC 


6. 查询 输出 去 向 


FROM 子 句 中 的 INTO 与 TO 选项 用 于 指定 查询 结果 的 输出 去 向 ,默认 为 浏览 窗口 。 
INTO 选项 有 3 种 输出 去 向 : ARRAY < 数组 >.CURSOR < 临时 表 >、TABLEIDBF < 表 名 >; 
TO 选项 也 有 3 种 输出 去 向 : 文件 .屏幕 .打印 机 。 

【 例 9-15】 查询 学 生 名 单 .并 生成 永久 表 STUDENT. DBF 。 


SELECT * FROM XS INTO DBF STUDENT 
【 例 9-16】 查询 前 10 名 学 生 名 单 ,将 查询 结果 保存 在 文本 文件 TMP. TXT 中 。 
SELECT TOP 10 * FROM XS TO FILE TMP ADDITIVE 


注意 ; TOP 10 表示 只 取 前 10 条 记录 。ADDITIVE 选项 表示 以 追加 方式 在 文件 尾部 
添加 数据 ,否则 为 覆盖 方式 。 
【 例 9-17】 查询 前 10% 的 学 生 名 单 , 将 查询 结果 保存 在 临时 表 TEMP 中 。 


SELECT TOP 10 PERCENT * FROM XS INTO CURSOR TEMP 


注意 : TOP 10 PERCENT 表示 只 取 全 部 记录 的 前 10% 条 记录 。 
【 例 9-18】 查询 学 生 名 单 .将 查询 结果 保存 在 数组 A 中 。 


SELECT * FROM XS INTO ARRAY A 


9.3.3 插入 语句 
在 一 个 表 的 尾部 追加 记录 时 ,使 用 插入 操作 。 用 SQL 语言 插入 记录 的 语法 格式 如 下 : 
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INSERT INTO < 表 名 >[ (字段 名 列表 ) ] VALUEPS(< 表 达 式 1[, 表 达 式 2… ]>) 
【 例 9-19】〗 在 学 生 表 中 插入 一 条 新 记录 。 


INSERT INTO XS(xh, xm, xb, csrq); 
VALUES( '01001023'，' 王 平 ',，' 男 ', {^ 1984 一 05 一 03} ) 


9.3.4 ”修改 语句 


用 SQL 语言 修改 记录 的 语法 格式 如 下 : 


UPDATE [! 数据库 名 ]< 表 名 > SET < 字段 名 1>= < 表达 式 1 >[ ,< 字段 名 2>= < 表达 式 2>.…]; 
WHERE < 条 件 表达 式 > 


【 例 9-20】 将 成 绩 表 中 所 有 课程 代号 为 2 的 分 数 降低 2%。 
UPDATE CJ SET cj = 0.98 x cj WHERE kcdh = '2， 


注意 : 若 省 略 WHERE 子 名 ,将 对 表 中 全 部 记录 进行 修改 。 


9.3.5 删除 语句 

用 SQL 语言 删除 记录 的 语法 格式 如 下 : 
DELETE FROM < 表 名 > WHERE < 条 件 表 达 式 > 

【 例 9-21】 删除 学 生 表 中 * 王 平 "的 记录 。 
DELETE FROM XS WHERE xm = ' 王 平 ' 


注意 : DELETE 的 结果 只 是 逻辑 删除 记录 ,只 有 执行 PACK 才能 物理 删除 。 
项 目 案例 2: 使 用 SQL 语句 创建 数据 库 代 码 案例 。 

【题目 】 制作 在 线 考试 网 站 后 台数 据 库 创建 代码 ,包括 表 设 计 、 记 录 的 插入 等 。 
【代码 】 


CREATE DATABASE stuDB 
USE stuDB // 将 当前 数据 库 设 置 为 stuDB 
G0 
CREATE TABLE stuInfo 
( 
stuName VARCHAR(20) NOT NULL, 
stuNo CHAR(6) NOT NULL, 


/* -创建 学 员 信息 表 - * / 


// 姓 名 , 非 空 ( 必 填 ) 
// 学 号 , 非 空 ( 必 填 ) 


stuAge INT NOT NULL, 
stuID NUMERIC(18,0), 

stuSeat SMALLINT IDENTITY (1,1), 
stuAddress TEXT 

) 

GO 

CREATE TABLE stuMarks 

( 

ExamNo CHAR(7) NOT NULL, 


// 年 龄 ,INT 类 型 默认 为 4 个 字 节 
// 身 份 证 号 

// 座 位 号 ,自动 编号 

// 住 址 ,允许 为 空 , 即 可 选 输入 


// 考 号 
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stuNo CHAR(6) NOT NULL, // 学 号 
writtenExam INT NOT NULL, // 笔 试 成 绩 
LabExam INT NOT NULL // 机 试 成 绩 
) 

G0 

USE stuDB 

G0 


SELECT 考 号 = ExamNo, 学 号 = stuNo, 笔试 = writtenExam, 机 试 = labExam, 

平均 分 = (writtenExam + labExam) /2, 

等 级 = CASE 
WHEN (writtenExam + labExam)/2<60 THEN ' 不 及 格 ' 
WHEN (writtenExam + labExam)/2 BETHEEN 60 AND 69 THEN ' 差 ' 
WHEN (writtenExam + labExam)/2 BETHEEN 70 AND 79 THEN ' 中 ， 
WHEN (writtenExam + labExam)/2 BETHEEN 80 AND 89 THEN ' 良 ' 
ElSE ' 优 ' 

END 
FROM stuMarks 


@.4 备份 和 恢复 数据 库 


当 使 用 一 个 数据 库 时 ,总 希望 数据 库 的 内 容 是 可 靠 的 .正确 的 ,但 由 于 计算 机 系统 的 故 
障 (硬件 故障 、 软 件 故障 、 网 络 故 障 、 进 程 故障 ) 影 响 数据 库 系 统 的 操作 ,影响 数据 库 中 数据 的 
正确 性 ,甚至 破坏 数据 库 , 使 数据 库 中 全 部 或 部 分 数据 丢失 ,因此 当 发 生 上 述 故障 后 ,希望 能 


重 构 这 个 完整 的 数据 库 。 数 据 库 排除 故障 的 通常 做 法 是 备份 和 恢复 数据 库 。 
1. 备份 数据 库 


备份 数据 库 是 将 数据 库 中 的 数据 库 对 象 备份 到 数据 库 以 外 的 地 方 。 备 份 分 为 两 种 : 物 


理 备份 和 人 逻辑 备份 。 通 常备 份 的 内 容 有 系统 数据 库 、 用 户 数 据 库 \、 事 务 日 志 。 


物理 备份 是 对 数据 库 的 操作 系统 物理 文件 (如 数据 文件 控制 文件 和 日 志文 件 等 ) 的 


备份 。 
逻辑 备份 是 对 数据 库 逻 辑 组 件 (如 表 、 视 图 和 存储 过 程 等 数据 库 对 象 ) 的 备份 。 


备份 的 材料 有 硬盘 、 磁 带 等 。 硬 盘 是 常用 的 备份 方法 ,用 于 备份 本 地 文件 ,也 可 以 备份 


网 络 文件 。 磁 带 是 大 容量 的 备份 方法 ,磁带 仅 用 于 备份 本 地 文件 。 


备份 时 ,通常 考虑 系统 备份 的 时 间 , 以 便 系统 、 数 据 库 出 现 故 障 时 ,能 够 恢复 到 最 近 、 最 
新 的 备份 时 间 点 。 如 果 系 统 环境 为 联机 事务 处 理 , 则 应 当 经 常备 份 数 据 库 ; 如 果 系 统 只 执 


行 少量 作业 , 则 适当 进行 备份 。 
备份 的 步骤 如 下 : 


(1) 计算 所 需 备份 的 数据 量 。 如 果 是 网 络 备份 ,数据 量 应 是 所 需 备 份 服务 器 的 数据 量 


的 总 和 。 


(2) 考虑 备份 窗口 /恢复 窗口 的 时 间 差 别 。 如 果 恢 复 窗 口 和 备份 窗口 相同 , 须 采 | 
份 方法 。 
(3) 确定 磁带 所 需 保留 的 周期 。 
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(4) 计算 对 比 设备 性 能 表 , 选 择 合适 的 备份 设备 。 
(5) 根据 实际 情况 ,选择 合适 的 备份 软件 。 


2. 恢复 数据 库 


恢复 操作 是 与 备份 相对 应 的 操作 。 

数据 库 恢复 能 够 及 时 还 原 和 重建 数据 库 , 但 不 是 所 有 的 情况 下 都 能 够 实现 恢复 操作 。 
当 系 统 发 现 以 下 情况 时 ,恢复 操作 是 不 能 进行 的 : 

(1) 使 用 与 恢复 的 数据 库 名 称 不 同 的 数据 库 名 去 恢复 数据 库 。 

(2) 服务 器 上 数据 库 文件 组 与 备份 中 的 数据 库 文件 组 不 一 致 。 

(3) 须 恢 复 的 数据 库 名 或 文件 名 与 备份 的 数据 库 名 或 文件 名 不 同 。 

数据 库 恢 复 可 以 分 为 以 下 两 类 : 

1) 实例 故障 的 一 致 性 恢复 

当 实例 意外 地 (如 掉 电 、 后 台 进程 故障 等 ) 或 预料 地 (发 出 SHUTDOUM ABORT 语句 ) 
中 止 时 出 现实 例 故障 ,此 时 需要 实例 恢复 。 实 例 恢复 将 数据 库 恢 复 到 故障 之 前 的 事务 一 致 
状态 。 如 果 在 当前 使 用 的 设备 发 现实 例 故障 , 则 需要 硬盘 、 磁 盘 等 恢复 。 在 下 次 数据 库 启 动 
时 (对 新 实例 装配 和 打开 ) ,自动 执行 实例 恢复 。 恢 复 的 处 理 步骤 如 下 : 

(1) 为 了 解 恢复 数据 文件 中 没有 记录 的 数据 ,要 向 前 滚 。 该 数据 记录 在 在 线 日 志 中 , 包 
括 对 回 滚 段 的 内 容 恢复 。 

(2) 回 滚 未 提交 的 事务 , 按 第 一 步 重 新 生成 回 滚 段 所 指定 的 操作 。 

(3) 释放 在 故障 时 正在 处 理事 务 所持 有 的 资源 。 

(4) 解决 在 故障 时 未 提交 的 故障 事务 。 

2) 介质 故障 或 文件 错误 的 不 一 致 恢复 

介质 故障 是 当 一 个 文件 、 一 个 文件 的 部 分 或 磁盘 不 能 读 或 不 能 写 时 出 现 的 故障 。 文 件 
错误 一 般 指 意外 的 错误 导致 文件 被 删除 或 意外 事故 导致 文件 的 不 一 致 。 这 种 状态 下 的 数据 
库 都 是 不 一 致 的 ,需要 数据 库 管 理 员 即 DBA 手工 来 进行 数据 库 的 恢复 。 

项 目 案 例 3: 数据 库 恢 复 案例 测试 环境 。 

(1) 数据 库 环 境 。 

以 下 的 所 有 案例 都 是 通过 测试 的 ,环境 为 : 

0S: Windows 2000 Server 


DB: SQL Server2000 
DBNAME : TEST 


数据 文件 : 


SQL> select file#, status, enabled, name from v $ datafile; 

FILE# STATUS ENABLED NAME 
1 SYSTEM READ WRITE D:/SQL Server2000/ORADATA/TEST/SYSTEMO1. DBF 
2 ONLINE READ WRITE D:/SQL Server2000/ORADATA/TEST/RBS01. DBF 
3 ONLINE READ WRITE D:/SQL Server2000/O0RADATA/TEST/USERS01. DBF 
4 ONLINE READ WRITE D:/SQL Server2000/O0RADATA/TEST/TEMPO1. DBF 
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5 ONLINE READ WRITE D: /SQL Server2000/0RADATA/TEST/TOOLSO01. DBF 
6 ONLINE READ WRITE D: /SQL Server2000/ORADATA/TEST/INDX01. DBF 


控制 文件 : 


SQL> select * fromv$ controlfile; 


STATUS NAME 


D: /SQL Server2000/0RADATA/TEST/CONTROLO1. CTL 
D: /SQL Server2000/0RADATA/TEST/CONTROLO2. CTL 
D: /SQL Server2000/0RADATA/TEST/CONTROLO3. CTL 


联机 日 志 : 


SQL> select * fromv$ logfile; 


GROUP# STATUS MEMBER 


1 STALE D:/SQL Server2000/ORADATA/TEST/REDO01. LOG 
2 D:/SQL Server2000/ORADATA/TEST/REDO02. LOG 
3 STALE D:/SQL Server2000/ORADATA/TEST/REDO03. LOG 


(2) 数据 库 备 份 脚本 。 
冷 备份 脚本 : 


rem script:coldbak. sql 

rem creater:chenjiping 

rem date:5.8.2003 

rem desc:offline full backup database 

—— connect database 

connect internal/password; 

—— shutdown database 

shutdown immediate; 

—— Copy Data file 

!xcopy d:/SQL Server2000/oradata/test/ * . dbf d:/database/H/R; 
—— Copy Control file 

!xcopy d: /SQL Server2000/oradata/test/ * . ctl d:/database/H/R; 
—— Copy Log file 

!xcopy d:/SQL Server2000/oradata/test/ * . 1og d: /database/H/R; 
—— startup database 


startup; 

说 明 : 

@ 以 上 脚本 在 数据 库 关闭 状态 下 备份 数据 库 所 有 的 数据 文件 ,联机 日 志 、 控 制 文件 (在 
一 个 目录 下 ) ,如 果 成 功 备份 ,所 有 文件 是 一 致 的 。 

@ 没有 备份 参数 文件 ,参数 文件 可 以 另外 备份 ,没有 必要 每 次 都 备份 ,只 须 在 改变 设置 
后 备份 一 次 。 
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SN 


@ 如 果 以 上 命令 没有 成 功 依次 执行 ,那么 备份 将 是 无 效 的 。 例 如 ,连接 数据 库 不 成 功 ， 
那么 肯定 关闭 数据 库 也 不 成 功 .那么 备份 则 无 效 。 

@ 冷 备份 在 人 工 干 预 下 执行 。 

数据 库 OS 热 全 备份 脚本 : 


Tem ”Script:hotbak. sql 

rem creater:chenjiping 

rem date:5.8.2003 

rem desc:backup all database datafile in archive 

一 一 connect database 

connect internal/password; 

—— archive 

alter system archive log current; 

—— start 

alter tablespace system begin backup; 

!xcopy d:/SQL Server2000/oradata/test/system01. dbf d: /databak/H/R; 
alter tablespace system end backup; 

alter tablespace rbs begin backup; 

!xcopy d:/SQL Server2000/oradata/test/rbs01. dbf d:/databak/H/R; 
alter tablespace rbs end backup; 

alter tablespace users begin backup; 

!xcopy d:/SQL Server2000/oradata/test/users01. dbf d:/databak/H/R; 
alter tablespace users end backup; 

alter tablespace tools begin backup; 

!xcopy d:/SQL Server2000/oradata/test/tools01. dbf d:/databak/H/R; 
alter tablespace tools end backup; 


alter tablespace indx begin backup; 

!xcopy d:/SQL Server2000/oradata/test/indx01. dbf d:/databak/H/R; 
alter tablespace indx end backup; 

一 end 

—— bak control file 

—— binary 

alter database backup controlfile to 'd:/databak/controlbinbak. 000'; 
——ascii 

alter database backup controlfile to trace; 


alter system archive log current; 


说 明 : 

@ 热 备份 必须 在 数据 库 归档 方式 下 才 可 以 运行 。 

@ 以 上 脚本 可 以 在 数据 库 运行 状态 下 备份 数据 库 所 有 的 数据 文件 (除了 临时 数据 文件 
外 ) ,没有 必要 备份 联机 日 志 。 

@ 归档 日 志 至 少 需要 一 次 完整 备份 。 

@ 如 果 以 上 命令 没有 成 功 依次 执行 ,那么 备份 也 是 无 效 的 。 

以 上 举例 说 明了 数据 库 的 恢复 案例 的 测试 环境 与 部 分 备份 测试 脚本 ,其 他 的 备份 脚本 
可 以 根据 以 上 脚本 演变 而 来 或 在 案例 中 加 以 说 明 。 
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6.5 导入 .导出 数据 表 


SQL Server 的 数据 转换 通常 包括 两 个 方面 : 一 是 把 其 他 数据 系统 处 理 的 数据 导入 到 
SQL Server 数据 库 中 ; 二 是 将 数据 从 SQL Server 数据 库 中 导出 到 其 他 应 用 程序 中 。 

为 了 解决 数据 转换 问题 ,SQL Server 系统 提供 了 一 个 功能 强大 的 组 件 DTS( 数 据 转换 
服务 )。DTS 是 一 组 图 形 工 具 和 可 编程 对 象 ,包含 DTS 导入 /导出 向 导 和 DTS 设计 器 。 
DTS 提供 了 在 SQL Server 与 OLE DB、 开 发 数据 库 连 接 (ODBC) 的 数据 源 、 文 本 格式 文件 
或 Excel 工作 表 之 间 导 入 、 导 出 和 转换 数据 的 功能 。 

使 用 DTS 将 Access 数据 转移 到 SQL Server 可 采取 以 下 步 又: 

(1) 在 SQL Server Manager(Enterprise Manager) 的 工具 菜单 中 指向 Data Transformation 
Services, 然 后 单 击 Import Data。 

(2) 在 Choose a Data Source( 选 择 数据 源 ) 对 话 框 中 选择 Microsoft Access 为 数据 源 ， 
然后 输入 你 的 . mdb 文件 名 (mdb 为 文件 扩展 名 ) 或 者 选择 浏览 文件 。 

(3) 在 Choose a Destination (选择 数据 目标 ) 对话 框 中 选择 Microsoft OLE DB 
Provider for SQL Server, 再 选择 数据 库 服 务 器 ,然后 单 击 所 需 的 认证 模式 。 

(4) 在 Specify Table Copy or Query(“ 指 定 表 备份 或 查询 ”) 对 话 框 中 单 击 Copy Tables 。 

(5) 在 Choose a Data Source( 选 择 数据 源 ) 对 话 框 中 单 击 Select All。 

在 SQL Server 2000/2005 中 除了 使 用 DTS 进行 数据 的 导入 /导出 ,还 可 以 使 用 Transact- 
SQL 语句 进行 导入 /导出 操作 。 在 Tansact-SQL 语句 中 ,主要 使 用 OpenDataSource 子 数 、 
OPENROWSET 函数 。 关 于 函数 的 详细 说 明 , 请 参考 SQL 联机 帮助 。 利 用 下 述 方法 ,可 以 
十 分 容易 地 实现 SQL Server、Access、Excel 数据 转换 ,详细 说 明 如 下 。 


1. SQL Server 和 Access 的 数据 常规 导入 /导出 


使 用 DTS 向 导 迁 移 Access 数据 到 SQL Server ,操作 步骤 如 下 : 

(1) 在 SQL Server 企业 管理 器 中 的 Tools( 工 具 ) 菜 单 上 选择 Data Transformation 。 

(2) 选择 czdImport Data( 导 入 数据 ) 。 

(3) 在 Choose a Data Source (选择 数据 源 ) 对 话 框 中 选择 Microsoft Access as the 
Source, 然 后 键入 你 的 . mdb 数据 库 (. mdb 文件 扩展 名 ) 的 文件 名 或 通过 浏览 寻找 该 文件 。 

(4) 在 Choose a Destination( 选 择 目标 ) 对 话 框 中 选择 Microsoft OLE DB Provider for 
SQL Server, 选 择 数据 库 服务 器 ,然后 单 击 必要 的 验证 方式 。 

(5) 在 Specify Table Copy( 指 定 表格 复制 ) 或 Query( 查 询 ) 对 话 框 中 单 击 Copy Tables 
(复制 表格 )。 

(6) 在 Select Source Tables( 选 择 源 表格 ) 对 话 框 中 单 击 Select All( 全 部 选 定 ) ,然后 单 
击 “ 下 一 步 ?按钮 ,完成 。 


2. 使 用 Transact-SQL 语句 进行 导入 /导出 


1) 在 SQL Server 里 查询 Access 数据 


SELECT * FROM OpenDataSource( 'Microsoft.Jet.OLEDB.4.0°', 
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'Data Source = "c:\DB.mdb" ;User ID= Admin;Password = ')... 表 名 


2) 将 Access 导入 SQL Server 
在 SQL Server 里 运行 : 


SELECT * INTO newtable FROM OPENDATASOURCE ( 'Microsoft.Jet. OLEDB.4.0'"， 
'Data Source = "c:\DB. mdb" ;User ID = Admin;Password= ' )... 表 名 


3) 将 SQL Server 表 里 的 数据 插入 到 Access 表 中 

在 SQL Server 里 运行 : 

insert into OpenDataSource( 'Microsoft. Jet. OLEDB.4.0'， 

'Data Source = " c:\DB. mdb" ;User ID= Admin;Password = ')... 表 名 


( 列 名 1, 列 名 2) 
select 列 名 1, 列 名 2 from sql 表 


例如 : 


insert into OPENROWSET( 'Microsoft. Jet. OLEDB. 4.0', 'C:\db. mdb'; 'admin'; '', Test) 
select id, name from Test 

INSERT INTO OPENROWSET( 'Microsoft. Jet. OLEDB. 4.0', 'c:\trade. mdb'; 'admin'; "' 表 名 ) 
SELECT * FROM sqltablename 


3. SQL Server 和 Excel 的 数据 导入 /导出 
1) 在 SQL Server 里 查询 Excel 数据 


SELECT * FROM OpenDataSource( 'Microsoft.Jet.OLEDB.4.0°', 
'Data Source = "c:N\bookl. xls";User ID = Admin; Password = ; Extended properties = Excel 5.0')... 
[Sheet1$ ] 


下 面 是 一 个 查询 的 示例 , 它 通 过 用 于 Jet 的 OLE DB 提供 程序 查询 Excel 电子 表格 。 


SELECT * FROM OpenDataSource ( 'Microsoft.Jet.OLEDB.4.0°', 
'Data Source = "c:\Finance\account. xls" ;User ID = Admin;Password = ;Extended properties = Excel 
5.0')...xactions 


2) 将 Excel 的 数据 导入 SQL Server 


SELECT * into newtable FROM OpenDataSource( 'Microsoft.Jet.OLEDB.4.0', 
"Data Source = "c:\book1. xls";User ID = Admin; Password = ; Extended properties = Excel 5.0')... 
[Sheet1 $ ] 


例如 : 


SELECT * into newtable FROM OpenDataSource( 'Microsoft.Jet.OLEDB.4.0°', 

'Data Source = "c:\Finance\account. xls";User ID = Admin;Password = ;Extended properties = Excel 5.0' 
) ...xactions 

3) 将 SQL Server 中 查询 到 的 数据 导出 成 一 个 Excel 文件 

T-SQL 代码 : 


EXEC master. .xp_cmdshell 'bcp 库 名 .dbo. 表 名 out c:NTemp.xls - c -q -—S"servername” 一 U"san" 
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参数 : S 是 SQL 服务 器 名 ; U 是 用 户 ; P 是 密码 。 
说 明 : 还 可 以 导出 文本 文件 等 多 种 格式 。 
例如 : 


EXEC master.. xp_cmdshell 'bcp saletesttmp. dbo. CusAccount out c:\templ.xls ~c-q—-S" 
pmserver" —U"sa" —P"sa"' 

EXEC master. .xp_cmdshell 'bcp "SELECT au fname, au lname FROM pubs. .authors ORDER BY au lname" 
queryout C:\ authors.xls 一 c — Sservername 一 Usa — Ppassword' 


4) 在 VB 6 中 应 用 ADO 导出 Excel 文件 代码 


Dim cn As New ADODB. Connection 
cn. open "Driver = {SQL Server} ;Server = WEBSVR; DataBase = WebMis;UID= sa; WD =123;" 
cn. execute "master. .xp_cmdshell 'bcp "SELECT col1，col2 FROM 库 名 . dbo. 表 名 ”queryout E:\DT. 


xls 一 c 一 Sservername 一 Usa — Ppassword'" 
5) 在 SQL Server 里 向 Excel 插入 数据 


insert into OpenDataSource( 'Microsoft.Jet. OLEDB.4.0'， 
'Data Source = "c:\Temp. xls";User ID = Admin; Password = ; Extended properties = Excel 5.0')... 
tablel (A1,A2,A3) values (1,2,3) 


T-SQL 代码 : 


INSERT INTO OPENDATASOURCE( 'Microsoft. JET. OLEDB. 4.0°', 
'Extended Properties = Excel 8.0;Data source = C:\training\inventur. xls')...[Filialel $ ] 
(bestand, produkt) VALUES (20, 'Test') 


注 : 如 果 在 SQL Server 中 查询 Excel 文 件 时 出 现 问题 : 


SELECT * FROM OPENROWSET( 'MICROSOFT.JET.OLEDB.4.0', 'Excel 8.0;IMEX= 1;HDR = YES;DAIABASE =D:\ 

a.xls',[sheet1 $ ]) 

SQL Server 阻止 了 对 组 件 Ad Hoc Distributed Queries 的 STATEMENT 'OpenRowset/ 
OpenDatasource 的 访问 ,因为 此 组 件 已 作为 此 服务 器 安全 配置 的 一 部 分 而 被 关闭 。 系 统管 
理 员 可 以 通过 使 用 sp_configure 启用 Ad Hoc Distributed Queries。 有 关 启 用 Ad Hoc 
Distributed Queries 的 详细 信息 ,请 参阅 SQL Server 联机 从 书 中 的 “外 围 应 用 配置 器 ”。 

可 以 通过 启用 Ad Hoc Distributed Queries 来 解决 此 问题 。 

启用 Ad Hoc Distributed Queries: 

EXEC sp_configure 'show advanced options'，1 

reconfigure 


EXEC sp_configure 'Ad Hoc Distributed Queries',1 


reconfigure 
使 用 完成 后 ,关闭 Ad Hoc Distributed Queries: 


EXEC sp_configure 'Ad Hoc Distributed Queries',0 
reconfigure 

EXEC sp_configure 'show advanced options',0 
reconf igure 
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@.6 本章 小 结 


本 章 主要 介绍 了 Access 和 SQL Server 数据 库 的 常用 使 用 方法 。 要 求 熟练 掌握 Access 
数据 库 表 的 设计 制作 ,并 对 表 之 间 的 关系 有 清楚 的 认识 。 要 求 能 够 对 数据 库 进行 查询 。 熟 
练 安 装 SQL Server 服务 器 ,能 够 启动 .暂停 和 停止 SQL Server 服务 器 ,并 且 和 解决 SQL 
Server 挂 起 。 

要 求 对 SQL 语句 熟练 掌握 ,如 创建 查询, 插入, 修改、 删除 数据 ,并 且 能 够 将 语句 运用 
到 具体 的 项 目 中 。 能 够 进行 Access、SQL Server、Excel 数据 之 间 的 导入 与 导出 ,并 且 能 够 
使 用 界面 备份 与 恢复 Access 和 SQL Server 数据 库 。 


@.3 思考 与 练习 


1. 简 述 Access 数据 库 的 安装 过 程 。 

2. 利用 Access 创建 student(id,name,sex,tel) ,course(courseid,coursename) 。 
3. 使 用 SQL Server 创建 在 线 考试 系统 的 数据 库 、 表 、 记 录 。 

4. 将 Access 创建 好 的 数据 库 导 出 到 Excel 中 ,将 Excel 数据 导入 到 Access 中 。 


a 
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在 线 考试 系统 使 学 生 通 过 校园 网 或 互联 网 访问 网 站 ,可 以 按照 教师 的 建议 或 各 自 的 计 
划 对 所 学 知识 进行 自我 测验 。 教 师 可 通过 网 站 提供 的 环境 对 学 生 的 学 习 情 况 进行 动态 管 
理 , 并 依据 网 站 记录 的 考试 成 绩 给 出 对 每 一 位 学 生 的 客观 的 综合 评价 ,同时 可 进行 出 题 命题 
工作 ,减轻 教师 的 工作 负担 及 提高 工作 效率 。 在 线 考试 系统 提高 了 考试 的 质量 ,从 而 使 考试 
更 趋 于 公证 .客观 ,更 加 激发 学 生 的 学 习 兴 趣 。 

学 习 目 标 及 要 求 

(1) 分 析 在 线 考试 系统 的 需求 。 

(2) 能 够 进行 在 线 考 试 系统 的 模块 设计 。 

(3) 能 够 实现 数据 库 设计 。 

(4) 利用 工具 软件 ,实现 前 台 和 后 台数 据 库 的 连接 。 

(5) 实现 每 一 个 功能 模块 ,并 自行 测试 。 


(i0,1 系统 设计 


传统 的 考试 方式 一 般 要 经 过 人 工 出 卷 ,考生 考试 .人 工 阅卷 等 过 程 。 对 于 一 些 课程 来 
说 , 随 着 考生 数量 的 增加 ,教师 出 卷 ,阅卷 的 工作 量 将 会 越 来 越 大 ,其 工作 容易 出 错 。 在 当今 
教育 信息 化 的 趋势 及 我 国 高 校 教育 信息 化 系统 的 建设 的 大 背景 下 ,在 线 考试 系统 应 运 而 生 ， 
其 目的 是 充分 利用 学 校 现 有 的 计算 机 软 \ 硬 件 和 网 络 资源 实现 无 纸 化 考试 ,以 弥补 传统 考试 
的 不 足 。 与 传统 考试 模式 相 比 ,在 线 考试 渗入 了 更 多 的 技术 环节 ,对 实现 安全 性 的 途径 、 方 
法 也 提出 了 更 高 的 技术 要 求 。 通 过 Internet 来 实现 在 线 考试 ,是 现代 教育 技术 的 一 种 体现 ， 
具有 很 重要 的 现实 意义 。 在 线 考试 可 以 实现 教 考分 离 以 及 考 务 工作 的 全 自动 化 管理 ; 可 以 
有 效 利 用 校园 网 的 软 硬 件 资源 ,使 其 发 挥 最 大 效应 ,更 好 地 为 学 校 的 教学 、 科 研 .管理 服务 ; 
可 以 大 规模 地 实行 考试 ,实现 考试 的 客观 性 、 公 正 性 ; 通过 自动 化 组 卷 .阅卷 ,可 以 减轻 教师 
的 工作 强度 ; 可 以 利用 网 络 的 无 限 广阔 空间 ,随时 随地 对 学 生 进 行 考试 ; 此 外 ,由 于 增加 了 
Web 数据 库 技术 的 应 用 ,可 以 简化 考试 的 流程 。 


10.1.1 需求 分 析 


要 完成 一 个 软件 系统 ,首先 应 该 进行 需求 分 析 。 在 搞 清楚 用 户 的 需要 及 对 系统 使 用 的 
功能 要 求 的 情况 下 ,才能 设计 出 令 用 户 满意 的 产品 。 依 据 需 求 , 在 线 考试 系统 应 具有 以 下 
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功能 : 

(1) 用 户 信息 的 管理 。 管 理 员 可 以 增加 、 删 除 、 修 改 信息 。 

(2) 试卷 设置 。 设 置 试题 每 种 题 型 的 数量 和 分 值 以 及 考试 的 总 时 间 。 

(3) 试题 库 管理 。 创 建 试题 库 , 通 过 计算 机 自动 组 卷 。 试 卷 内 容 应 该 包括 选择 ,判断 、 
填空 , 简 答 4 种 题 型 ,实现 对 试题 库 的 管理 ,使 试题 的 增删 编辑 更 为 简便 。 

(4) 在 线 考试 。 系 统 控 制 整个 考试 过 程 ,实现 时 间 的 监控 与 权限 的 控制 ,考生 在 限定 的 
考试 时 间 内 答卷 。 

(5) 计算 机 自动 阅卷 。 本 系统 只 考虑 客观 题 , 要 求 计算 机 能 自动 阅卷 ,并 能 及 时 显示 出 
考生 分 数 。 

(6) 成 绩 查 阅 。 考 生 考 完 以 后 ,管理 员 对 所 有 记录 进行 查询 ,同时 可 以 删除 指定 记录 。 


10.1.2 开发 运行 环境 


本 章 介绍 的 在 线 考试 系统 采用 ASP(active server pages) 语 言 进行 开发 。ASP 是 微软 
开发 的 一 种 类 似 于 HTML 、Script( 脚 本 ) 与 CGI 的 结合 体 ,ASP 指令 与 ActiveX 配合 建立 
动态 、 交 互 且 高 效 的 Web 服务 器 应 用 程序 。 有 了 ASP 就 不 必 担 心 客户 的 浏览 器 是 否 能 运 
行 你 所 编写 的 代码 ,因为 所 有 的 程序 都 将 在 服务 器 端 执行 ,包括 所 有 嵌 在 普通 HTML 中 的 
脚本 程序 。 当 程序 执行 完毕 后 ,服务 器 将 执行 的 结果 以 HTML 格式 传送 给 客户 浏览 器 ,这 
样 , 不 仅仅 提高 了 程序 的 灵活 性 ,也 减轻 了 客户 端 浏 览 器 的 负担 ,大 大 提高 了 交互 的 速度 。 

本 程序 的 开发 与 运行 环境 如 下 。 

。 操作 系统 : Windows XP Professional 。 

。 数据 库 管 理 系 统 : Microsoft SQL Server。 
。 开发 工具 : Dreamweaver。 
。 服务 运行 : IIS 3.0 以 上 。 


10.1.3 功能 模块 设计 
为 了 增强 管理 效果 和 信息 的 及 时 更 新 ,按照 以 下 功能 需求 对 系统 进行 分 析 。 


1. 用 户 管理 功能 


用 户 分 为 管理 员 ,教师 用 户 、 学 生 用 户 3 类 。 不 论 是 管理 员 ,教师 或 学 生 ,都 需要 通过 用 
户 名 和 口令 进行 登录 。 管 理 员 和 教师 用 户 可 以 对 所 有 的 学 生成 绩 进行 增加 、 删 除 和 修改 。 
学 生 用 户 只 能 看 到 自己 的 学 习 成 绩 , 不 能 修改 。 由 于 管理 员 教师 用 户 及 学 生 用 户 较 为 固 
定 , 教 师 和 学 生 信息 的 管理 可 以 由 系统 管理 人 员 直 接 操作 数据 库 完成 。 


2. 教师 对 成 绩 的 管理 功能 


教师 对 成 绩 的 管理 可 以 从 两 个 角度 进行 : 按照 课程 角度 进行 管理 和 按照 学 生 角 度 进行 
管理 。 教 师 登 录 该 系统 以 后 ,可 以 对 这 两 种 方式 进行 选择 。 

1) 按照 课程 角度 进行 管理 

按照 课程 角度 管理 ,教师 可 以 看 到 课程 信息 和 成 绩 信 息 。 课 程 信息 包括 课程 编号 .课程 
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名 称 、 学 时 和 课程 类 型 。 当 教师 双击 某 一 课程 时 ,可 以 自动 显示 出 该 课程 的 所 有 学 生 的 成 绩 
信息 ,成 绩 信息 包括 选修 这 门 课 的 学 生 的 学 号 、 姓 名 、 班 级 和 考试 成 绩 ; 并 同时 自动 计算 出 
所 有 学 生 的 人 数 ,以 及 所 有 学 生 的 平均 成 绩 。 在 成 绩 信 息 中 ,教师 可 以 对 学 习 成 绩 进行 增 
加 、 修 改 和 删除 ,并 能 够 打印 报表 。 

2) 按照 学 生 角 度 进行 管理 

按照 学 生 角 度 管理 ,教师 可 以 看 到 学 生 信息 和 成 绩 信息 。 学 生 信息 包括 学 号 、 姓 名、 班 
级 、 专 业 。 当 教师 双击 某 一 学 生 信息 时 ,可 以 自动 显示 出 该 课程 的 这 个 学 生 所 有 课程 的 学 习 
成 绩 , 并 同时 自动 计算 出 这 个 学 生 的 总 分 和 平均 分 。 在 成 绩 信息 中 ,教师 可 以 对 学 习 成 绩 进 
行 增 加 修改 和 删除 ,并 能 够 打印 报表 。 


3. 学 生 对 成 绩 的 查看 功能 


学 生 用 户 登 录 后 ,可 以 看 到 自己 的 学 生 信息 和 成 绩 信息 ,并 能 够 打印 报表 。 学 生 信息 包 
括 学 号 、 姓 名 。 成 绩 信息 包括 这 个 学 生 的 所 有 课程 的 成 绩 信息 、 总 分 及 平均 分 。 
学 生成 绩 管理 模块 功能 图 如 图 10-1 所 示 。 


学 生成 绩 管理 系统 


4 3 
教师 用 户 管理 员 用 户 学 生 用 上 
对 学 || 对 教 || 对 学 || 打 || 对 课 查询 打 
生成 || 师 、|| 生 进 || 印 || 程 进 自己 印 
绩 进 || 院 系 || 行 增 || 报 || 行 增 的 考 报 
行 增 || 专业 || 删改 || 表 || 删改 试 成 绩 | | 去 
删改 || 等 进 
行 增 
删改 


图 10-1 学 生成 绩 管理 模块 功能 图 
10.1.4 数据 库 设计 


针对 一 般 学 生成 绩 管 理 信息 系统 的 需求 ,通过 对 成 绩 管 理 过 程 的 内 容 和 数据 流程 分 析 ， 
设计 出 该 系统 的 数据 项 和 数据 结构 。 


1. 系统 数据 项 及 结构 


(1)“ 学 生 信息 ”的 数据 项 有 学 生 学 号 、 学 生 姓名 、 班 级 名 称 、 登 录 密码 等 。 
(2)“ 课 程 信息 ”的 数据 项 有 课程 代号 .课程 名 称 、 学 时 数 等 。 

(3)“ 学 生成 绩 信 息 ” 的 数据 项 有 学 生 学 号 、 考 试 时 间 、 课 程 代 号 、 成 绩 等 。 
(4)“ 选 课 信 息 ” 的 数据 项 有 专业 代号 、 课 程 代号 。 

(5)“ 班 级 信息 ”的 数据 项 有 班级 代号 、 班 级 名 称 、 专 业 代 号 。 

C6)“ 教师 信息 ”的 数据 项 有 教师 工 号 、 教 师 姓名 、 登 录 密 码 。 

(7)“ 管 理 员 信 息 ” 的 数据 项 有 管理 员 姓名 、 登 录 密 码 。 


189 


SG 


190。 ”动态 网 站 设计 与 开发 实用 教程 
NA 
(8)“ 专 业 信息 ”的 数据 项 有 专业 代号 、 专 业 名 称 。 
(9)“ 授 课 信息 ”的 数据 项 有 教师 工 号 ,课程 代号 、 班 级 代号 。 
(10)“ 题 库 信息 ”的 数据 项 有 试卷 代号 ,试卷 名 称 ,教师 工 号 。 
(11)“ 选 题 表 ”的 数据 项 有 班级 代号 ,课程 代号 .试卷 代 号 、 考 试 时 间 、 开 始 时 间 、 结 束 
时 间 。 
(12)“ 未 阅 试题 表 ” 的 数据 项 有 学 生 学 号 ,课程 代号 、 题 号 ,答案 ,成绩 。 
(13) “已 阅 试题 表 ” 的 数据 项 有 学 生 学 号 ,课程 代号 .试题 类 型 .答案 。 
根据 上 面 的 设计 可 以 规划 出 的 实体 有 学 生 实体 、 课 程 实体 和 学 生成 绩 实体 、 班 级 实体 、 
院 系 实 体 .教师 实体 ,管理 员 实体 ,专业 实体 。 


2. 系统 E-R 图 (如 图 10-2 所 示 ) 


图 10-2 系统 E-R 图 


3. 系统 逻辑 设计 
本 系统 是 在 SQL Server 2000 数据 库 管 理 系 统 平台 创建 的 ,主要 由 13 张 表 组 成 : 


SuperInfo、MajorInfo、CouInfo、ClassInfo、CouChoose、TeachCou、TeachInfo、StulInfo、 
PaperList, StuScore, PaperChoose、PaperUnCheck、PaperChecked 。 
(1) SuperInfo 表 , 即 管理 员 信息 表 , 如 表 10-1 所 示 。 


表 10-1 SuperInfo 


字段 名 称 内 容 类 型 长 度 备 注 
SuperName 管理 员 姓 名 Varchar 50 主键 
SuperPwd 登录 密码 Varchar 50 


(2) MajorInfo 表 , 即 专业 信息 表 , 如 表 10-2 所 示 。 


表 10-2 MajorInfo 


字段 名 称 内 容 类 型 长 度 备 注 
MaiorNum 专业 代号 Varchar 20 主 关键 字 
MajorName 专业 名 称 Varchar 50 


MajorNum( 专 业 号 ) 字 段 为 该 表 的 主 关 键 字 ,唯一 地 标识 了 一 个 专业 的 记录 ,与 学 生 信 
息 表 、 选 课表 中 的 MajorNum 字段 相关 联 。 
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(3) Coulnfo 表 , 即 课程 信息 表 , 如 表 10-3 所 示 。 


表 10-3 CoulInfo 


字段 名 称 内 容 类 型 长 度 备 注 
CouNum 课程 代号 Varchar 20 主 关键 字 
CouName 课程 名 称 Varchar 50 
CouBook 学 时 数 Varchar 50 


CouNum 作为 此 表 的 主键 ,唯一 标识 一 门 课程 ,与 选课 表 、 授 课表 、 选 题 表 、 未 阅 试题 记 
录 表 ,已 阅 试题 表 , 成 绩 表 中 的 CouNum 关联 。 
(4) ClassInfo 表 , 即 班级 信息 表 , 如 表 10-4 所 示 。 


表 10-4 ClassInfo 


字段 名 称 内 容 类 型 长 度 备 注 
ClassNum 班级 代号 Varchar 12 主键 
ClassName 班级 名 称 Varchar 50 
MajorNum 专业 代号 Varchar 50 外 键 


MajorNum 作为 本 表 的 外 键 与 专业 表 中 的 MajorNum 关联 (级 联 删除 和 更 新 )。 
(5) CouChoose 表 , 即 选课 表 , 如 表 10-5 所 示 。 


表 10-5 CouChoose 


字段 名 称 内 容 类 型 长 度 备 注 
MajorNum 专业 代号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 


(6) TeachCou 表 . 即 授课 表 , 如 表 10-6 所 示 。 


表 10-6 TeachCou 


字段 名 称 内 容 类 型 长 度 备 注 
TeachNum 教师 工 号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 
ClassNum 班级 代号 Varchar 20 外 键 


(7) TeachInfo 表 , 即 教师 信息 表 , 如 表 10-7 所 示 。 


表 10-7 TeachInfo 


字段 名 称 内 容 类 型 长 度 备 注 
TeachNum 教师 工 号 Varchar 20 主 关 键 字 
TeachName 教师 姓名 Varchar 50 


TeachPWD 登录 密码 Varchar 30 
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TeachNum 作为 此 表 的 主 关键 字 与 授课 表 和 题库 表 的 TeachNum 字段 外 键 关联 。 
(8) StuInfo 表 , 即 学 生 信息 表 , 如 表 10-8 所 示 。 


表 10-8 StulInfo 


字段 名 称 内 容 类 型 长 度 备 注 
StuNum 学 生 学 号 Varchar 20 主 关键 字 
StuName 学 生 姓名 Varchar 20 

MajorNum 专业 代号 Varchar 20 外 键 
ClassNum 班级 代号 Varchar 20 外 键 
StuPwd 登录 密码 Varchar 30 

LoginOrNot 登录 状态 Varchar 10 


(9) PaperList 表 , 即 题库 表 , 如 表 10-9 所 示 。 


表 10-9 PaperList 


字段 名 称 类 型 长 度 备 注 
PaperNum Varchar 100 主 关键 字 
PaperName Varchar 100 
TeachNum Varchar 20 


(10) StuScore 表 , 即 成 绩 表 ,如 表 10-10 所 示 。 


表 10-10 StuScore 


字段 名 称 内 容 类 型 长 度 备 注 
StuNum 学 生 学 号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 
TestDate 考试 时 间 Varchar 11 

Score 成 绩 Varchar 3 


(11) PaperChoose 表 , 即 选 题 表 ,如 表 10-11 所 示 。 


表 10-11 PaperChoose 


字段 名 称 内 容 类 型 长 度 备 注 
ClassNum 班级 代号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 
PaperNum 试卷 代号 Varchar 100 
TestDate 考试 时 间 Varchar 20 
StartTime 开 考 时 间 Varchar 20 


EndTime 结束 时 间 Varchar 20 
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(12) PaperUnCheck 表 , 即 未 阅 试题 记录 表 , 如 表 10-12 所 示 。 


表 10-12 PaperUnCheck 


字段 名 称 内 容 类 型 长 度 备 注 
StuNum 学 生 学 号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 
TermNum 题 号 Varchar 10 
StuAnswer 答案 Varchar 1000 
Score 成 绩 Varchar 3 

(13) PaperChecked 表 , 即 已 阅 试题 表 , 如 表 10-13 所 示 。 

表 10-13 PaperChecked 

字段 名 称 内 容 类 型 长 度 备 注 
StuNum 学 生 学 号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 
TermType 试题 类 型 Varchar 10 
StuAnswer 答案 Varchar 1000 


(0,2 系统 实现 


下 面 给 出 系统 的 详细 界面 ,以 表述 在 线 考 试管 理 系 统 的 具体 功能 。 由 于 设置 了 3 种 用 


户 的 不 同 权限 ,所 以 有 3 种 不 同 的 身份 登录 地 址 。 
10.2.1 管理 员 权 限 


登录 地 址 : http://localhost/zxks/back/adminLogin. asp。 
首先 是 进入 管理 员 登录 界面 ,如 图 10-3 所 示 , 用 户 名 输入 “admin”, 密 码 初 设 为 "admin”， 


验证 码 输入 “8842”。 本 页 面 显示 系统 名 称 \ 管 理 员 用 
户 名 录入 密码 校 验 、 验 证 码 信 息 。 尤 其 是 验证 码 , 采 
用 自动 随机 生成 技术 。 当 管理 员 输 入 姓名 密码、 对 应 
的 验证 码 信息 之 后 , 单 击 “ 提 交 ” 按 钮 就 会 将 输入 信息 
提交 给 系统 后 台数 据 库 , 以 验证 用 户 身份 。 如 果 用 户 
身份 正确 , 则 会 进入 系统 的 管理 员 控 制 界面 。 

在 登录 过 程 中 ,不 管 是 一 般 用 户 还 是 管理 员 , 都 使 
用 各 自 设 定 的 用 户 名 和 密码 来 登录 系统 。 如 果 在 登录 
过 程 中 ,所 登录 的 用 户 名 和 密码 中 任何 一 个 与 原始 数 


姓 名 : adnin 


名 wy: [ee 
wif [es49 B82 


图 10-3 管理 员 登 录 界 面 


据 不 一 致 ,将 不 能 正常 地 登录 系统 ,直到 所 输入 的 数据 与 原始 数据 完全 一 致 为 止 。 具 体 实 现 


代码 略 。 


管理 员 级 别 用 户 登 录 进 入 系统 后 拥有 对 该 系统 的 专业 、 班 级 教师, 学生、 课程 等 信息 进 


行 增加 、 删 除 和 修改 的 权限 。 
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1. 专业 操作 


在 考试 系统 中 ,管理 员 初 次 登录 ,第 一 件 必须 要 做 的 事情 就 是 添加 全 校 的 专业 信息 ,有 
了 专业 信息 , 接 下 来 就 可 设 定 班级 及 学 生 信息 。 所 以 在 本 系统 中 ,初次 登录 者 首先 要 添加 专 
业 信 息 , 如 图 10-4 所 示 。 需 要 设置 出 专业 代码 和 名 称 ,可 根据 学 校 的 安排 设置 。 同 时 ,在 添 
加 完 多 个 专业 之 后 ,系统 还 提供 了 对 所 有 已 经 设置 的 专业 进行 修改 和 删除 的 操作 。 一 旦 教 
务 人 员 输 入 出 错 ,就 可 以 对 相应 的 专业 名 称 进行 修改 ,具有 很 强 的 可 操作 性 。 


添加 专业 


计算 机 和 学 技术 
电子 技术 
网 络 工程 
计算 机 应 用 
通信 工程 
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图 10-4 添加 专业 界面 


2. 班级 操作 


在 系统 中 ,专业 操作 完毕 之 后 ,才能 在 已 有 的 专业 基础 上 添加 班级 ,如 图 10-4 所 示 。 可 
从 计算 机 科学 技术 .电子 技术 、 网 络 工程 .计算 机 应 用 、 通 信 工 程 中 选择 一 个 专业 ,然后 在 此 
专业 基础 上 添加 班级 的 代号 和 名 称 。 在 班级 操作 中 可 进行 添加 删除、 修改 。 本 系统 提示 了 
“注意 : 请 选择 专业 ”的 消息 ,如 图 10-5 所 示 。 


添加 班级 
et 二 
班级 代号 ， 口 和 - 
班级 名 称 ， 局 1 | 
ml 


注意 : 请 选择 专业 
图 10-5 添加 班级 界面 
3. 教师 操作 


在 系统 中 ,可 以 对 教师 信息 进行 添加 修改 、 删 除 操作 。 如 图 10-6 所 示 ,设置 教师 工 号 、 
姓名 、 密 码 。 
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添加 教师 信息 
emrs: -一 一 
ms: = 二 
een: F 
mx Ee) 


图 10-6 添加 教师 信息 界面 


如 图 10-7 所 示 ,教师 信息 删除 界面 列 出 了 某 大 学 部 分 教师 的 名 单 , 可 根据 教师 实际 情 
况 增 添 . 删 除 相应 的 教师 信息 ,给 教师 管理 提供 了 方便 。 


EELEEEIDELLEED 
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图 10-7 教师 信息 删除 界面 
4. 课程 操作 
在 课程 操作 中 ,可 以 添加 各 种 不 同 院 系 的 课程 。 要求 是 : 首先 要 给 教师 分 配 授 课 任务 ， 
每 个 教师 会 有 固定 的 几 门 课程 ,其 次 才 可 以 给 教师 选择 课程 ,最 后 该 教师 登录 系统 后 ,可 以 
为 自己 所 授课 程 出 题 。 添 加 课程 界面 如 图 10-8 所 示 ,其 中 列 出 了 课程 代号 .课程 名 称 、. 课 程 
用 书 等 信息 ,同时 提示 “请 填写 完整 信息 ”的 消息 。 


请 填写 充 整 信息 


10-8 添加 课程 界面 
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通过 课程 信息 添加 与 删除 界面 可 以 查看 已 经 添加 的 课程 ,也 可 以 修改 课程 名 称 和 所 选 
教材 ,还 可 以 对 已 有 的 课程 进行 删除 ,如 图 10-9 所 示 。 该 界面 提供 上 翻 和 下 翻 功能 。 


课程 信息 添加 与 删除 


课程 名 称 夷 程 用 书 

大 学 计算 机 基础 清华 出 版 社 

(语言 程序 设计 清华 出 版 社 

名 程序 设计 西北 大 学 出 版 社 
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图 10-9 课程 信息 添加 与 删除 界面 


通过 授课 操作 界面 可 以 选择 课程 ,并 分 配给 已 经 添加 的 教师 ,还 可 以 删除 授课 记录 ,如 
图 10-10 所 示 。 该 界面 将 删除 与 添加 操作 合成 在 一 个 界面 中 。 该 界面 提供 上 翻 、 下 翻 功能 。 


授课 操作 
班级 课程 教师 操作 
Tz0921 大 学 计算 机 基础 起 增 妈 WR 
Tz0921 C 语 言 程序 设计 唐 明 .3 
Tz0921 VB 程序 设计 张 伟 MW 
Tz0931 大 学 计算 机 基础 黄玉 震 3 
Tz0931 语言 程序 设计 李 思 冬 .3 
Tz0931 TB 程序 设计 万 知 ME 
Tz0941 大 学 计算 机 基础 李 四 MR 
7z0941 (语言 程序 设计 林 青 到 险 
Tz0941 TB 程序 设计 起 增 巡 .3 
【首页 】 【上 一 页 】 【下 一 页 】 【未 页 】 17 1 

班级 ， [ES | 

课程 ， 

教师 : [对 “可 
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图 10-10 授课 操作 界面 


在 操作 时 注意 ,必须 先 添加 教师 ,之 后 添加 课程 ,然后 才能 给 教师 分 配 相 应 的 授课 任务 ， 
否则 在 后 面 出 题 过 程 中 ,该 教师 无 法 出 题 。 


5. 学 生 操作 


学 生 操 作 之 前 ,要 选择 相应 的 专业 和 班级 。 输 入 的 信息 有 学 生 学 号 、 姓 名 .所 选 专业 和 
班级 以 及 登录 密码 。 添 加 学 生 信息 界面 如 图 10-11 所 示 。 在 专业 设置 中 ,如 果 没 有 设置 对 
应 的 专业 ,那么 班级 信息 是 无 法 给 出 的 。 例 如 ,设置 计算 机 科学 与 技术 专业 ,选择 对 应 班级 
420711 班 。 如 果 信 息 出 错 ,会 出 现 “请 将 信息 填写 完整 "的 提示 信息 。 

通过 更 改 学 生 信息 和 删除 学 生 信息 查看 已 经 添加 的 学 生 名 单 。 系 统 的 更 改 功 能 可 以 修 
改 学 生 姓名 ,专业 ,班级 以 及 登录 密码 等 信息 。 系 统 添加 锁定 功能 ,如 果 限制 某 位 考生 参加 
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四 专业 操作 
@ 班 级 操作 
教师 操作 
@ 学 生 操 作 
添加 
= 更改 
"删除 
9 课程 操作 
9 试 苍 操作 
选 理 操作 
授 理 操作 
管理 员 操作 


添加 学 生 信息 


请 将 信息 填写 完整 


图 10-11 添加 学 生 信息 


考试 ,可 将 其 "解锁 ”状态 选择 为 “锁定 ”状态 ; 如 果 允 许 某 位 考生 参加 考试 ,可 将 其 "锁定 ” 状 
态 切换 到 ”解锁 "状态 。 更 新 学 生 信息 界面 如 图 10-12 所 示 。 


专业 操作 


ep 更 新 学 生 信息 
9 元 病 装 作 Pe Fees EM AE Ne 
生 操作 
” 72092101334F 。。 计划 他 技术 Taogzl Tugelol 用 
i 72092103T 交 于 计划 机 科学 技术 Ta0ge1 Tto3 名 证 
删除 7z09210 纪 人 龙 。。 计划 机 科学 技 术 Tz08e1 Teoe104 3 
7z093101 村 起 寺 和 机 和 他 技术。 Ta0p31 aolol 多 证 
课程 操作 5 4 
7z093102 本 才 平 计划 机 科学 技术 Taogel Tatoe 可 证 
e 试 郑 蜗 作 7z09310 引 学 才 。。。 计 了 和 有 学 技术 Ta0g1 Tool WE 
选课 操作 72094101 王 车 坚 计算 有 学 技术 Ted apuiol [3 
授课 操作 7z0941022 固 计算 机 科学 技术 T0841 T00402 钙 定 
管理 员 操作 7z094103R 克 计算 机 科学 技术 T0041 T00103 后 定 


【首页 】 【上 一 页 】 【下 一 页 】 【 才 X] 1/1 


图 10-12 更 新 学 生 信息 


10.2.2 教师 权限 
1. 教师 登录 


在 管理 员 添加 了 教师 信息 后 ,教师 用 户 就 可 以 登录 系统 ,为 自己 所 授课 程 进 行 出 题 
了 ,教师 用 户 登 录 地 址 为 http://localhost/zxks/back/ 
teacherLogin. asp。 

教师 登录 界面 如 图 10-13 所 示 ,教师 可 以 输入 自己 的 
工 号 ,并 设置 登录 密码 ,用 户 名 和 密码 将 提交 到 数据 库 中 
进行 校 验 。 如 教师 工 号 : 608, 密 码 : 608。 


图 10-13 教师 登录 界面 


2. 试卷 创建 操作 
教师 输入 自己 的 工 号 和 密码 后 就 进入 了 试卷 操作 页 面 , 如 图 10-14 所 示 。 
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图 10-14 试卷 操作 界面 


试卷 代号 .试卷 名 称 数据 类 型 可 按照 学 校 的 标准 要 求 设置 。 教 师 出 题 只 能 选择 自己 所 
授课 程 ,不 允许 给 其 他 课程 出 题 。 教 师 必 须 按 照 学 校规 范 标准 填写 试卷 名 称 , 然 后 生成 
试卷 。 


3. 试卷 出 题 操作 


教师 出 题 界面 如 图 10-15 所 示 。 教 师 输 入 自己 所 授 的 课程 ,进行 创建 试卷 操作 ,然后 选 
择 相应 题目 类 型 , 便 可 在 “给 出 题目 内 容 " 框 输入 自己 设置 的 题目 。 


09 级 本 科 计算 机 基础 (一 ) ”返回 


图 10-15 教师 出 题 界面 


在 添加 多 种 类 型 的 考试 题目 后 ,可 以 单 击 “ 单 击 此 处 查看 / 收 起 X X 题目" 进行 查看 ,并 
可 以 修改 题目 。 试 题 界面 如 图 10-16 所 示 。 试 题 中 有 单 选 题 ,多 选 题 、 填 空 题 ,判断 题 \ 简 答 
题 。 例 如 2009 一 2010 年 计算 机 基础 试题 ,根据 学 院 试题 标准 , 设 定 了 A、B、C.D 选项 格式 ， 
按照 要 求 出 题 ,并 将 答案 给 出 。 多 选 题 里 ,除了 格式 和 单 选 题 一 致 以 外 ,答案 也 必须 给 定 , 答 
案 可 设置 多 种 形式 。 判 断 题 里 ,直接 给 出 题目 的 语句 ,然后 在 答案 中 给 出 right 或 wrong。 

教师 在 出 题 过 程 中 ,首先 要 选择 题目 的 类 型 ,确定 好 之 后 ,再 给 出 题目 的 内 容 , 最 后 给 出 
题目 的 正确 答案 。 

如 果 出 现 错误 的 题目 ,教师 可 以 自行 修改 ,只 须 单 击 * 单 击 此 处 查看 ?进行 修改 ,或 单 击 题 
目 里 的 “删除 ”按钮 ,对 题目 进行 删除 。 修 改 和 删除 后 的 题目 会 直接 在 数据 库 中 进行 更 新 操作 。 
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2009-2010 计 算 机 基础 试题 
te 
S00 册 际 vora 的 后 地名 是 () 和 TET B.D8 C. zal D. doc 
答案 : 和 
S01 ”型 际 在 计算 机 中 效 据 采用 的 是 〔 ) 进 制 ， 人， 十 六 进 制 。 6 十 进 制 C。 八进制 D， 二进制 
答案 : » 
多 迁 ( 单 击 此 处 查看 / 收 臣 多 选 霜 目 ) 
00 用 计 算 机 名 作 系统 的 主要 作用 是】 人 处 理 机 管理 8。 设备 管理 5， 作 业 管理 0， 进程 管 理 
答案 : Ancy 
判断 ( 单 击 此 处 查看 / 收 起 多 选 题目 ) 
计算 机 素 统 是 有 软件 系统 和 宣 件 系统 柯 二 的 - 
J00 者 际 
管 案 ， vi 
填空 ( 单 击 此 处 查看 / 收 起 填空 题目 ) 
简 答 ( 单 击 此 处 查看 / 收 起 简 答 十 目 ) 
选择 题目 类 型 
给 出 题目 内 容 
给 证 旺 日 短 室 


图 10-16 试题 界面 


单 击 “ 返 回 " 按 钮 就 回 到 了 教师 出 题 的 界面 ,同时 可 以 进行 出 题 类 别 的 选择 以 及 科目 的 


4. 试卷 操作 


出 题 操作 成 功 后 ,管理 员 级 别 用 户 就 可 以 给 相应 的 班级 选择 相应 的 试题 并 设置 考试 时 
间 等 信息 ,为 考试 做 好 一 切 准 备 工作 。 考 试 时 间 设 置 界 面 如 图 10-17 所 示 。 


图 10-17 设置 考试 时 间 界 面 


教师 出 题 成 功 后 ,教务 人 员 就 要 开始 对 考试 进行 安排 , 即 对 不 同 专业 ,不 同学 生 \ 不 同 课 
程 进行 考试 时 间 的 设 定 ,这 也 是 平时 操作 最 复杂 的 。 例 如 对 于 4Z0941 班 学 生 , 只 能 在 
5 月 29 日 早晨 8: 00~10: 00 进行 *09 本 科 计 算 机 基础 (一 ) 的 考试 ,如 果 有 学 生 超 过 
这 个 时 间 答 题 ,或 没有 赶 上 这 个 时 间 ,那么 他 的 考试 成 绩 就 为 空 ,只 有 在 这 个 时 间 段 考试 
才 是 有 效 的 。 
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在 考试 信息 设置 后 , 单 击 “ 确 定 ” 按 钮 ,将 弹出 试卷 修改 成 功 提示 框 ,如 图 10-18 所 示 。 


Cx 
人 试卷 修改 成 功 ， 


图 10-18 试卷 修改 成 功 确 认 界 面 


试卷 设置 成 功 后 ,出 题 教师 所 授课 的 班级 就 可 以 在 设置 好 的 时 间 进 行 考试 。 


10.2.3 学 生 权 限 
1. 学 生 登 录 


管理 员 添 加 学 生 后 ,该 学 生 就 可 以 作为 考生 以 考生 权限 登 
录 本 系统 。 考 生 的 登录 地 址 为 http://localhost/zxks/index. 
asp。 学 生 登 录 界面 如 图 10-19 所 示 。 


2. 学 生 答题 


12092101 


在 学 生 登录 界面 ,学 生 输入 自己 的 学 号 和 密码 (初始 密码 就 ”图 10-19 学 生 登 录 界面 


是 学 生 的 学 号 ) 后 就 进入 了 答题 页 面 , 如 图 10-20 所 示 。 


2010 年 下 半年 计算 机 应 用 基础 期 末 考 试 一 -于 彬 


一 单 选 题 

S00 wm 是 () 

A、 万 维 网 

， 局 域 网 

C、 防 火焰 

D、 路 由 器 

请 选择 答案 : @A ©Os ©c Or 
S01 word 的 扩展 名 是 〔) 

A, MDB 


和 00 。 以 下 哪些 都 属于 office 办 公 软 件 
Pa, vord 

B. PoverPoint 

C. ACCESS 

hn. Facer 


图 10-20 学 生 答 题 界面 


国 


学 生 完 成 答题 后 ,可 以 登录 学 生成 绩 查 询 界面 自行 查询 成 绩 。 学 生成 绩 查 询 界面 如 
图 10-21 所 示 。 教 师 登 录 成 绩 修改 界面 (如 图 10-22 所 示 ) 后 ,通过 班级 、 课 程 的 输入 ,查找 


到 该 班级 的 学 生成 绩 。 
致 ,比如 分 数 最 低 为 0 分 ,最 高 为 100 分 ,这 个 是 数据 库 中 给 定 的 。 


在 这 里 要 强调 的 是 所 输入 的 数据 必须 与 数据 库 中 的 数据 类 型 保持 一 
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[ 寺 幕 机 应 用 技术 2 下 “加 二 训 机 应 月 诗 矶 。。 攻 
学 号 姓名 课程 考试 时 间 得 分 
4z071201 于 梢 计算 机 应 用 基础 2010-4-18 95 


图 10-21 学 生成 绩 查询 界面 


计算 机 应 用 技术 2 班 成 绩 表 


学 号 姓名 课程 考试 时 间 得 分 
4z011201 于 由 计算 机 应 用 基础 2010-4-18 | 


图 10-22 教师 成 绩 修改 界面 
(10.3 系统 运行 


1. 在 线 考试 系统 后 台数 据 库 的 建立 代码 


操作 方法 : 打开 SQL Server 2000 数据 库 ,在 查询 分 析 器 中 输入 SQL 语句 ,并 运行 。 

以 下 SQL 代码 依次 创建 了 OnLinePaper 总 数据 库 \ 管 理 员 信息 表 、 专 业 信息 表 、 班 级 信 
息 表 、 学 生 信 息 表 , 课 程 信息 表 、 教 师 信息 表 、 选 课表 等 ,这 些 表 为 在 线 考试 系统 提供 了 后 台 
支持 。 


create database OnLinePaper 
go 


use OnLinePaper 
go 
—— drop database OnLinePaper 


一 创建 管理 员 信 息 表 
create table SuperInfo 
( 
SuperName varchar(50) primary key, 
SuperPwd varchar( 50) not null 
) 
go 
insert into SuperInfo values('louis', 'louis') 
一 创建 专业 信息 表 
create table MajorInfo 
( 
MajorNum varchar( 20) primary key, 
MajorName varchar(50) not null 
) 
go 


一 创建 班级 信息 表 
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create table ClassInfo 
( 
ClassNum varchar( 20) primary key, 
ClassName varchar(50) not null, 
MajorNum varchar( 20) 
) 

go 


一 创建 学 生 信 息 表 
create table StuInfo 


( 

StuNum varchar( 20) primary key, 

StuName varchar(20) not null, 

MajorNum varchar( 20) foreign key references MajorInfo(MajorNum) on delete cascade 
on update cascade, 

ClassNum varchar( 20) foreign key references ClassInfo(ClassNum) on delete cascade 
on update cascade, 

StuPwd varchar(30) not null 

) 
go 


一 创建 课程 信息 表 
create table CouInfo 


( 
CouNum varchar( 20) primary key, 
CouName varchar( 50) not null, 
CouBook varchar(50) not null 
) 

go 


一 创建 教师 信息 表 


create table TeachInfo 
( 
TeachNum varchar( 20) primary key, 
TeachName varchar(50) not null, 
TeachPWD varchar( 30) not null 
) 
go 


一 创建 选课 表 
create table CouChoose 
( 


MajorNum varchar( 20) foreign key references MajorInfo(MajorNum) on delete cascade 


on update cascade, 
CouNum varchar (20) foreign key references CouInfo(CouNum) on delete cascade on 


update cascade 
) 
go 


一 创建 授课 表 
create table TeachCou 
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( 

TeachNum varchar( 20) foreign key references TeachInfo(TeachNum) on delete cascade 
on update cascade, 

CouNum varchar (20) foreign key references CouInfo( CouNum) on delete cascade on 
update cascade, 

ClassNum varchar( 20) foreign key references ClassInfo(ClassNum) on delete cascade 
on update cascade 

) 
go 


一 创建 题库 表 

create table PaperList 
( 
PaperNum varchar( 100) primary key, 
PaperName varchar(100) not nul1l, 
TeachNum varchar( 20) not null 
) 

go 


一 创建 选 题 表 
create table PaperChoose 

( 

ClassNum varchar( 20) foreign key references ClassInfo(ClassNum) on delete cascade 
on update cascade, 

CouNum varchar (20) foreign key references CouInfo( CouNum) on delete cascade on 
update cascade, 

PaperNum varchar( 100) foreign key references PaperList (PaperNum) on delete cascade 
on update cascade, 

TestDate varchar( 20), 

StartTime varchar(20), 

EndTime varchar( 20) 

) 
go 


一 创建 学 生 答题 (答案 ) 表 


create table StuAnswer 

( 

StuNum varchar (20) foreign key references StuInfo( StuNum) on delete cascade on 
update cascade, 

CouNum varchar (20) foreign key references CouInfo(CouNum) on delete cascade on 
update cascade, 

AnswerFileName varchar(100) not null 


) 


2. 前 台 和 后 台数 据 库 连接 代码 (odbc_connection.asp) 


创建 odbc_connection. asp 文件 ,在 文件 代码 中 加 入 JavaScript 脚本 ,如 下 所 示 。 目的 
是 创建 前 台 asp 文件 与 后 台 SQL Server 数据 库 的 连接 。 
<% 


Dim cnobj, strcon 
set cnobj = Server.CreateObject("ADODB. Connection") 
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strcon = "Driver = {SQL Server};Server = localhost;DataBase = OnLinePaper;Uid= ;Pwd=" 
cnobj. Open strcon 
%> 


3. 后 台数 据 库 插入 、 更 新 、 显 示 、 删 除数 据 的 代码 (odbc_connection.asp) 


数据 库 连 接 成 功 之 后 ,在 odbc_connection. asp 文件 中 加 入 对 后 台数 据 库 插入 、 更 新 、 显 
示 ,删除 数据 的 操作 代码 。 这 些 操作 都 是 数据 库 的 基本 操作 ,可 参考 SQL 语句 部 分 内 容 。 


<! 一 #Include File= "odbc connection.asp" 一 > 


< 各 
"检查 对 象 是 否 存在 函数 
Function Check( SqlFind) 
dim comm, rs 
Set comm = Server.CreateObject("ADODB. Command") 
comm. RctiveConnection = cnobj 


comm. CommandType = 1 

comm. CommandText = SqlFind 

set rs = comm.Execute 

if not rs. bof and not rs.eof then 
cnobj. close 
set cnobj = Nothing 
Check = AdminName 

else 
Check = "" 

end if 

End Function 


"插入 数据 函数 
Function Admin Insert(InsertSql) 


dim comm, rs 


Set comm = Server.CreateObject("ADODB. Command") 
comm. ActiveConnection = cnobj 


comm.CommandType = 1 

comm. CommandText = InsertSql 

Comm. Execute 

Rdmin Insert =“" 操 作成 功 !" 
End Function 


' 更 新 信息 
Function hdmin_Update(UpdateSql ) 


dim comm, rs 


Set comm = Server.CreateObject("ADODB. Command") 
comm. ActiveConnection = cnobj 
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comm. CommandType = 1 

comm. CommandText = UpdateSql 

Comm. Execute 

Admin Update = "操作 成功 !" 
End Function 


' 显 示 数 据 


Sub AdminShow( SqlSelect) 
Set rs = Server.CreateObject("ADODB. Recordset") 
rs. open SqlSelect, cnobj, 1 

End Sub 


"信息 删除 
Function Admin Delete(DeleteSql) 
dim comm, rs 


Set comm = Server.CreateObject("ADODB. Command") 
comm. RctiveConnection = cnobj 


1 
DeleteSql 


comm. CommandType 

Comm. CommandText 

Comm. Execute 

Admin_Delete =“" 删 除 成 功 !" 
End Function 


sub AdminShowl (SqlSelect) 
dim comm 
Set comm = Server.CreateObject("ADODB. Command") 
comm. ActiveConnection = cnobj 


comm. CommandType = 1 
comm. CommandText = SqlSelect 
set rs_command = comm. Execute 
end sub 
%> 


4. 教师 出 题 代码 (TeachCouChoose. asp) 


<% @LANGUAGE = "VBSCRIPT" CODEPAGE = "936" $> 
<! 一 # Include File= "AdminLoginSign.asp" 一 > 


<! 一 # Include File="../conn/AdminFunction. asp" 一 > 
<HIML> 
<HEAD> 
<SCRIPT> 


function GetTeachName( id_class, id_course, type, value) 

{ 

document.. getElementById( id_class + id_course). innerHIML = "< SELECT name='" + 
type + "><s% 


dimrs 
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call AdminShow("select * from TeachInfo") 
do while not rs. eof 
竺 >< OPTION value = '<% = rs("TeachNum")% >'><$% = rs("TeachName")%> 
</OPTION ><% 
rs. movenext 

loop 

%></SELECT >< INPUT type = 'hidden' name = 'teachClass'value='" + id class + 
"'><INPUT type = 'hidden' name = 'teachCourse' value = '" + id course + "'>< INPUT type = 
'submit' value = 路 改 '>"; 


} 
</SCRIPT > 
<META http— equiv = "Content - Type" content = "text/html; charset = gb2312" /> 
<TITLE > 授课 操作 </TITLE > 
</HEAD> 
< BODY style = "margin:0;text ~ align:center;"> 
< 和 


dim ClassNum, CouNum, TeachNum, InsertSign, rs_command, deleteclass, deletecourse deleteSign, 
teachClass, teachCourse, UpdateSign, UpdateTeachNum 
ClassNum = request("ClassNum") 
CouNum = request("CouNum") 
TeachNum = request("TeachNum") 
deleteclass = request("deleteclass") 
deletecourse = request("deletecourse") 
teachClass = request("teachClass") 
teachCourse = request("teachCourse") 
UpdateTeachNum = request("UpdateTeachNum") 
if teachClass <> "" and teachCourse <> "" and UpdateTeachNum <> "" then 


UpdateSign = Admin Update("update TeachCou set TeachNum = " & UpdateTeachNum 
&"'where ClassNum = '" & teachClass & "'and CouNum = '" & teachCourse & "'") 
end if 


if deletecourse <> "" and deleteclass <> "" then 
deleteSign = Admin Delete("delete from TeachCou where ClassNum = '" & 
deleteclass & "'and CouNum = '" & deletecourse & "'") 
end if 


if ClassNum <> "" and CouNum <> "" and TeachNum <> "" then 
call AdminShowl ("select * from TeachCou where ClassNum = '" & ClassNum & "'and 
CouNum = '" &CouNum & "'") 
if not rs_command. bof and not rs_command. eof then 
InsertSign = "该 班 该 专业 已 经 选课 " 
else 
InsertSign = Admin Insert("insert into TeachCou values('" & TeachNum & "','" & 
CouNum & "','" & ClassNum & "')") 
InsertSign = Admin Insert("insert into PaperChoose(ClassNum, CouNum) values 
('"&gClassNum & "','" &CouNum & "')") 
end if 
end if 
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<TRBLE width= "550" border = "0" cellspacing = "0" cellpadding = "0"> 
<TR> 
<TD height = "60" align = "center" style= "font - size:18px;color: # 990000;font— 
weight :800;"> 授 课 操 作 </TD> 
</TR> 
<TR> 
< TD height = "2" bgcolor = "#000000"></TD> 
</TR> 
<TR> 
<TD> 
< FORM name = "form1”method = "post" action=""> 
< TRBLE width= "550" border = "0" cellspacing = "0" cellpadding = "0"> 
<TR> 
<TD width= "170" height = "40"> 班 级 </TD> 
<TD width= "140" height = "40"> 课 程 </TD> 
<TD width = "140" height = "40"> 教 师 </TD > 
<TD width= "100" height = "40"> 操 作 </TD> 
</TR> 
<% 
call AdminShow("select * from TeachCou") 
if request. QueryString( "AbsoPage") <> "" then 
AbsoPage = cint(request. QueryString("AbsoPage")) 
else 
AbsoPage = 1 
end if 
if not rs. bof and not rs. eof then 
rs.pagesize = 13 
rs.absolutepage = AbsoPage 
dimi 
for i=1 to rs. pagesize 
if rs. eof then exit for 
if imod 2 = 0 then 
response.write "<tr bgcolor = '#f9ffe3'>" 
else 
response. Write "< tr bgcolor = '# fae8b7'>" 
end if 
%> 
<TD height = 25 align= "left" valign = "middle" style = "font - size;12px;"> 
< 和 


call RdminShowl(" select * from ClassInfo where ClassNum = '" & rs(" 
ClassNum") & "'") 
if not rs_command. bof and not rs_command. eof then 
response. write rs_command( "ClassName" ) 
end if 
%> 
</TD> 
< TD align = "left" height = 25 style = "font - size;12px;"> 
<% 
call RdminShowl("select * from CouInfo where CouNum = " &rs("CouNum") &"") 
if not rs_command. bof and not rs_command. eof then 
response. write rs_command( "CouName" ) 
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end if 
%> 
</TD> 
< TD align = "left" height = 25 style = " font — size; 12pxi” id="<% = TS 
("ClassNum") %$><% =rs("CouNum") %$>" > 
< SPAN onClick = "GetTeachName ( '<$% = rs("ClassNum")%$ >','<% = rs 
("CouNum") %>', 'UpdateTeachNum', '<% = rs("TeachNum") %>')"> 


< 和 
call AdminShowl ("select * from TeachInfo where TeachNum = '"&rs 
("TeachNum") & "'") 
if not rs_command. bof and not rs_command. eof then 
response. write rs_command("TeachName" ) 
end if 
%> 
</SPAN> 
</TD> 
<TD> 


< R HREF = "TeachCouChoose. asp? deleteclass = <% = rs ("ClassNum")$% > 
&deletecourse=<$ = rs("CouNum" ) % >" target ="_self"> 删 除 </A> 


</TD> 
<% 
rs. movenext 

next 

%> 

<TR> 

<TD colspan= "4" align= "center"> 

<% 


Response. Write "<A HREF = 'TeachCouChoose. asp?AbsoPage = 1' target ='_self' 
style = 'font — size:13px;text - decoration:none;color:#660000; 【首页 〗</A> &nbsp;&nbsp;”，' 
if AbsoPage > 1 then 


Response. Write "< A HREF = 'TeachCouChoose. asp? AbsoPage = " & 
AbsoPage -1 & "'target =' self' style= 'font— size:13px; text— decoration:none;color:# 
660000; 江上 一 页 下 /AR> gnbsp;gnbsp;" 


else 
Response. Write "< SPAN style = 'font - size:13px; text — decoration: 
none;color: #660000; SE 上 一 页 3]</SPAN> gnbsp;&nbsp;" 
end If 
if AbsoPage < rs. PageCount and AbsoPage <> rs. PageCount then 
Response. Write "< A HREF = 'TeachCouChoose. asp? AbsoPage = " & 
AbsoPage + 1 &"'target="' self' style= 'font— size:13px;text— decoration:none;color:# 
660000; S【 下 一 页 KK/A> gnbsp; gnbsp;" 
else 
Response. Write "< SPAN style = 'font — size:13px; text — decoration: 
none;color: #660000; 【下 一 页 ]</SPAN> gnbsp; gnbsp" 


end If 
Response. Write "< A HREF = 'TeachCouChoose. asp? AbsoPage = " & rs. 
PageCount & "' target = '_self' style = 'font - size:13px; text — decoration:none;color:# 
660000; >【 未 页 kK/A>" 


response. write " &nbsp; &nbsp; < SPAN style = 'font — size: 13px; text 一 
decoration:none;color: #660000; >" & AbsoPage & "gnbsp;/gnbsp;" & rs.pagecount & "</SPAN>" 
else 
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response. write "还 没有 授课 信息 生成 " 
end If 
%></TD> 
</TR> 
</TABLE> 
</FORM> 
</TD> 
</TR> 
<TR> 
<TD>< FORM action = "" method = "get"> 


<TABLE width= "550" border = "0" cellpadding = "0" cellspacing " bgcolor =" 
#3CCFFFF"> 
<TR> 
<TD height = "2" colspan = "2" bgcolor = "#990000"></TD> 
</TR> 
<TR> 
<TD width = "150" height = "30" align = "center"> 班 级 : </TD> 
<TD width= "400" align= "center"> 
<SELECT name = "ClassNum" id= "ClassNum" style= "width:120px;"> 
<% 
call AdminShow("select * from ClassInfo") 
do while not rs. eof 
第 > 
< OPTION value = '<% = rs("ClassNum") % >'><% = rs("ClassName" ) 和 > 
</OPTION > 
<% 
rs. movenext 
loop 
第 > 
</SELECT > </TD> 
</TR> 


<TR> 
<TD height = "30" align = "center"> 课 程 : </TD> 
<TD height = "30" align = "center"> 
< SELECT name = "CouNum" id = "CouNum" style = "width:120px;"> 
<% 
call AdminShow( "select * from CouInfo") 
do while not rs. eof 
%> 
< OPTION value = '<% = rs("CouNum")% >' selected ><% = rs(" 
CouName") % ></OPTION> 
< 
rs. movenext 
loop 
要 > 
</SELECT> </TD> 
</TR> 
<TR> 
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<TD height = "30" align = "center"> 教 师 :</TD> 
<TD height = "30" align = "center"> 
< SELECT name = "TeachNum" id= "TeachNum" style= "width:120px;"> 
< 和 
call AdminShow("select * from TeachInfo" ) 
do while not rs.eof 


%> 
<OPTION value = <% =rs("TeachNum") %>><% = rs("TeachName") %></ 
OPTION > 
<% 
rs. movenext 
loop 
多 > 
</SELECT > 
</TD> 
</TR> 
<TR> 
<TD height = "30" colspan = "2" align= "center" bgcolor = "#FFCCFF"> 
<INPUT type = "submit" name = "Submit" value = "提交 "> 
gnbsp; &nbsp; gnbsp; &nbsp; &nbsp; gnbsp; 
<INPUT type = "reset"” name = "Submit2"” value = " 重 置 "> </TD> 
</TR> 
</TRBLE > 
</FORM> 
</TD> 
</TR> 
</TABLE > 


<% = InsertSign% ><% = deleteSign% ><% = UpdateSign%> 
< 和 


rs. Close 

Set rs = Nothing 
cnobj. close 

set cnobj = Nothing 
%> 


</BODY > 
</HIML > 


fo.4 本 章 小 结 


本 章 对 SQL Server 与 ASP 结合 开发 在 线 考试 系统 做 了 详细 的 介绍 ,从 需求 分 析 入 手 ， 
进行 系统 的 模块 设计 、 数 据 库 设计 程序 设计 ,最 后 给 出 系统 运行 的 源 代码 。 

通过 本 章 的 学 习 , 实 现 管理 员 教师 ,学 生 3 种 不 同 权限 的 操作 。 管 理 员 管理 试卷 信息 
和 教师 ,学生 信息 。 教 师 进行 出 题 ,阅卷 制定 阅卷 标准 。 学 生 在 规定 时 间 内 进行 考试 ,考试 
结束 后 自行 查询 考试 成 绩 。 通 过 本 章 学 习 , 要 求学 生 增 强 对 数据 库 的 设计 分 析 的 能 力 ,熟练 
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利用 Dreamweaver 工具 软件 实现 对 在 线 考试 系统 的 开发 。 


fo.5 思考 与 练习 


. 在 线 考试 系统 数据 库 、 表 的 创建 方法 有 几 种 ? 具体 操作 步骤 是 什么 ? 
. 简 述 在 线 考试 系统 的 功能 。 

. 在 线 考试 系统 的 阅卷 代码 是 如 何 实现 的 ? 

.在线 考 试 系统 的 试题 添加 、 删 除 .修改 代码 是 什么 ? 

. 完成 在 线 考试 系统 代码 测试 并 写 出 测试 报告 。 


an 
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随 着 计算 机 技术 的 高 速 发 展 ,计算 机 在 各 个 领域 中 的 优势 都 不 断 体现 出 来 ,对 于 各 个 企 
业 来 说 ,之 前 所 使 用 的 以 纸 介质 来 记录 物资 的 信息 、 交 易 记 录 、 使 用 情况 等 物资 管理 方式 存在 
着 很 多 的 次 端 , 当 出 现 大 量 数据 时 容易 出 错 , 造 成 不 必要 的 损失 ,所 以 已 不 能 适应 现代 企业 的 
发 展 。 因 此 ,实现 物资 管理 的 系统 化 规范化、 自动 化 已 成 为 现代 企业 管理 的 必然 趋势 。 

学 习 目 标 及 要 求 

(1) 分 析 物 资 管理 系统 的 需求 。 

(2) 能 够 进行 物资 管理 系统 的 模块 设计 。 

(3) 能 够 实现 数据 库 设计 。 

(4) 利用 工具 软件 ,实现 前 台 和 后 台数 据 库 的 连接 。 

(5) 实现 每 一 个 功能 模块 ,并 自行 测试 。 


fn 系统 设计 


本 系统 主要 实现 物资 的 出 人 库 管理 .信息 的 修改 与 统计 ,以 及 人 员 的 注册 ,管理 与 交流 。 
系统 采用 了 B/S 结构 ,Web 浏览 器 是 客户 端 最 主要 的 应 用 软件 ,所 以 只 要 有 网 络 ,用户 就 可 
以 随时 更 新 消息 ,这 样 方便 了 操作 人 员 , 同 时 也 能 及 时 更 新 任何 信息 。 本 系统 采用 Sun 公 
司 的 JSP 语言 开发 ,利用 其 “一 次 编写 、 到 处 运行 ”的 特点 ,构造 了 一 个 可 以 在 多 个 系统 中 运 
行 的 物资 管理 系统 。 


11.1.1 需求 分 析 


物资 管理 对 于 一 个 企业 来 说 是 至 关 重要 的 。 物 资 可 以 说 是 一 个 企业 的 命脉 ,所 以 物资 
进出 的 实效 性 就 是 关键 所 在 。 

物资 管理 系统 的 设计 目标 为 : 

(1) 为 企业 提供 一 个 完善 的 出 入 库 管 理 的 在 线 平台 ,包括 物资 的 查询 、 添 加 、 修 改 。 

(2) 员工 和 管理 人 员 使 用 不 同 权限 。 

(3) 员工 可 以 通过 平台 与 管理 人 员 进 行 交流 。 


11.1.2 开发 运行 环境 
在 现今 软件 开发 模式 中 ,主要 有 两 种 结构 : C/S 结构 和 B/S 结构 。C/S(Client/Server) 
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结构 是 大 家 熟知 的 客户 机 和 服务 器 结构 ,采用 开放 模式 ,但 只 是 系统 开发 一 级 的 开放 性 ,在 
特定 的 应 用 中 无 论 是 Client 端 还 是 Server 端 都 还 需要 特定 的 软件 支持 。 由 于 没 能 提供 用 
户 真正 期 望 的 开放 环境 ,C/S 结构 需要 针对 不 同 的 操作 系统 及 不 同 版 本 的 软件 进行 开发 设 


计 , 加 之 产品 的 更 新 换代 十 分 快 ,已 经 很 难 适 应 百 台 计算 机 以 上 局 域 网 用 户 同时 使 


,而 且 


代价 高 效率 低 。B/S(Browser/Server) 结 构 即 浏览 器 和 服务 器 结构 , 它 是 随 着 Internet 技 
术 的 兴起 ,对 C/S 结构 的 一 种 变化 或 者 改进 的 结构 。 在 这 种 结构 下 ,用 户 工 作 界 面 通过 
WWW 浏览 器 来 实现 , 极 少 部 分 事务 逻辑 在 前 端 (Browser) 实 现 ,但 是 主要 事务 逻辑 在 服务 
器 端 (Server) 实 现 , 形 成 所 谓 三 层 结 构 。 这 样 就 大 大 简化 了 客户 端 计 算 机 载荷 ,减轻 了 系统 
维护 与 升级 的 成 本 和 工作 量 , 降 低 了 用 户 的 总 体 成 本 (TCO)。 而 且 B/S 结构 还 具有 维护 和 


升级 方式 简单 .成 本 低 、 选 择 更 多 等 优点 。 所 以 本 系统 开发 将 选择 B/S 结构 。 
本 程序 的 开发 与 运行 环境 如 下 。 
。 操作 系统 : Windows XP Professional。 
。 数据 库 管理 系统 : Microsoft Access 2003。 
。 开发 工具 : Macromedia Dreamweaver。 


。 服务 运行 : Apache Tomcat 6.0 的 服务 器 ,JDK 1. 6. 0。 


11.1.3 功能 模块 设计 


物资 管理 系统 是 基于 Web 实现 的 ,本 系统 主要 围绕 着 物资 的 入 库 到 出 库 的 一 系列 操作 
进行 ,系统 的 功能 模块 也 是 基于 此 一 一 实现 的 。 物 资 管理 系统 主要 包括 6 个 功能 模块 ,如 


图 11-1 所 示 。 
物资 管理 系统 
I I I I I ] 
用 物 物 物 | | 用 物 
户 资 次 资 | | 户 次 
管 入 检 出 | | 交 统 
产 索 库 | | 流 计 
[ 
Nl en | | | 
用 || 用 || 信 || 密 || 用 婴 所 | | 精 | | 关 期 || 客 || 系 
户 上 | 户 || 明 上 码 上 | 户 | 和 有 | | 确 | | 细 末 || 户 || 统 
注 || 登 || 修 || 修 || 删 || 化 物 | | 物 | | 字 盘 || 订 || 提 
册 || 录 || 改 || 改 由 除 || 改 黎 豆 攻 点 || 单 || 示 
询 | | 询 | LL 
图 11-1 系统 模块 图 
1. 用 户 管理 


用 户 管理 主要 包括 用 户 注册 、 用 户 登录 ,信息 修改 、 密 码 修改 、 用 户 删除 、 职 务 修改 。 


(1) 用 户 注册 : 用 户 注册 时 只 能 注册 为 普通 人 员 ,相应 的 权限 也 是 最 小 的 。 


(2) 用 户 登 录 : 用 户 通过 输入 正确 的 用 户 名 、 密 码 并 且 选 择 正确 的 职务 ,登录 物资 管理 系统 。 
(3) 信息 修改 : 信息 修改 可 分 为 两 部 分 ,一 个 是 用 户 对 自己 的 信息 的 修改 , 男 一 个 是 管 


理 员 对 他 人 信息 的 修改 。 


(4) 密码 修改 : 管理 员 可 以 修改 他 人 的 密码 ,其 他 员工 需要 登录 系统 后 通过 此 模块 进 
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行 修改 。 
(5) 用 户 删 除 : 管理 员 可 以 删除 长 期 未 登录 用 户 。 
(6) 职务 修改 : 管理 员 可 以 修改 他 人 的 职务 ,此 模块 只 许 管理 员 使 用 。 


2. 物资 入 库 


物资 入 库 是 管理 员 和 入 库 人 员 共 同 完成 的 ,管理 员 可 以 修改 、 删 除 物资 信息 ,入 库 人 员 
只 能 修改 物资 的 数量 。 


3. 物资 检索 


物资 检索 可 分 为 3 种 : 一 是 所 有 物资 查询 ; 二 是 精确 物资 查询 ; 三 是 关键 字 查 询 。 

(1) 所 有 物资 查询 : 当 单 击 “ 搜 索 ” 按 钮 后 ,系统 将 会 显示 所 有 的 物资 。 

(2) 精确 物资 查询 : 当知 道 物资 的 确切 名 称 或 者 物资 的 确切 价格 时 ,可 以 通过 这 个 模 
块 快速 找到 所 需 的 物资 。 

(3) 关键 字 查询 : 当知 道 物资 名 称 的 一 部 分 时 ,可 以 通过 这 个 模块 进行 查询 。 

4. 物资 出 库 


物资 出 库 为 出 库 人 员 特 有 的 模块 ,出 库 人 员 要 填写 订购 数量 和 出 库 时 间 ,出 库 时 间 不 能 
少 于 系统 时 间 ,如 果 少 于 系统 时 间 ,那么 系统 将 会 报错 。 


5. 用 户 交流 


用 户 交流 模块 是 管理 员 和 其 他 人 员 交 流 的 平台 ,可 以 通过 这 个 平台 给 管理 员 和 留言 ,其 他 
人 是 看 不 见 的 。 


6. 物资 统计 
物资 统计 模块 包括 期 末 盘 点 、 客 户 订单 、 系 统 提示 3 个 方面 。 


11.1.4 数据库 设计 


物资 管理 系统 中 设计 了 6 个 实体 ,分 别 是 物资 ,管理 员 、 入 库 人 员 、 出 库 人 员 ,普通 员工 
和 留言 板 , 以 及 入 库 、 出 库 \ 修 改 、 查 看 等 联系 。 在 本 系统 中 物资 是 核心 ,可 以 说 这 个 系统 都 
是 围绕 物资 建立 的 。 本 系统 E-R 图 如 图 11-2 所 示 。 


图 11-2 本 系统 整体 ER 图 
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物资 信息 表 如 表 11-1 所 示 , 记 录 了 物资 人 库 时 所 填写 的 信息 ,物资 的 名 称 和 价格 一 般 
是 不 会 改变 的 ,入 库 数量 与 入 库 时 间 也 是 在 新 的 同 种 物资 入 库 时 才 改 变 的 。 
表 11-1 物资 信息 表 


字 段 名 类 型 说 明 
pid( 主 键 ) 数字 物资 编号 
pname 文本 物资 名 称 
price 数字 物资 价格 
amount 数字 物资 数量 
date 日 期 /时 间 入 库 时 间 


留言 信息 表 如 表 11-2 所 示 ,不 管 是 入 库 人 员 出 库 人 员 还 是 普通 人 员 都 可 以 通过 留言 
信息 表 与 系统 的 管理 员 进 行 交 流 , 也 可 以 向 管理 员 提 出 意见 。 当 然 除了 管理 员 和 留言 者 以 
外 ,其 他 人 是 无 法 查看 留言 信息 的 具体 内 容 的 。 
表 11-2 留言 信息 表 


字 段 名 类 型 说 明 
id( 主 键 ) 文本 id 编号 
name 文本 留言 者 姓名 
theme 文本 留言 主题 
message 备注 留言 内 容 


人 员 信 息 表 如 表 11-3 所 示 , 主 要 记录 在 注册 信息 时 所 输入 的 个 人 信息 。 
表 11-3 人 员 信 息 表 


字 段 名 类 型 说 明 
id( 主 键 ) 文本 id 编号 
name 文本 姓名 

sex 文本 性 别 
email 文本 电子 邮箱 
tel 文本 电话 号 码 
qq 文本 QQ 号 码 
passwd 文本 密码 
birth 日 期 /时 间 生日 
zctime 文本 注册 日 期 
zhiwu 数字 职务 


出 库 物资 信息 表 如 表 11-4 所 示 , 记 录 物 资 出 库 时 需要 的 信息 、 出 库 时 间 和 办 理 出 库 的 
人 员 等 ,通过 对 此 表 的 查询 就 可 以 清楚 地 了 解 到 物资 出 库 所 需要 的 所 有 信息 。 
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表 11-4 出 库 物资 信息 表 


字 段 名 类 型 说 上 明 
number( 主 键 ) 文本 编号 
username 文本 人 员 姓 名 
pid 数字 物资 编号 
pname 文本 物资 名 称 
quantity 数字 出 库 数 量 
price_new 数字 新 的 物资 价格 
cost 数字 总 价格 
date 日 期 /时 间 出 库 日 期 


(11.2 系统 实现 


11.2.1 用 户 管理 模块 的 实现 


1. 用 户 登 录 


用 户 登录 界面 如 图 11-3 所 示 。 用 户 填 写 正确 的 用 户 名 密码 ,选择 正确 的 职务 ,然后 单 
击 “ 提 交 ” 按 钮 ,经 系统 判断 正确 后 ,页 面 将 跳 转 到 相对 应 的 页 面 ; 单 击 “ 重 置 "按钮 将 清空 所 
填 的 用 户 名 和 密码 ; 单 击 * 用 户 注 册 ? 将 跳 转 到 注册 页 面 。 如 果 填 写 内 容 不 正确 ,系统 将 给 
予 错 误 提示 。 


图 11-3 用 户 登 录 界 面 


本 系统 的 密码 限制 为 最 少 6 位 ,加 密 方式 采用 md5 加 密 模式 ,在 数据 库 中 我 们 所 看 到 
的 密码 那个 字段 也 只 是 字符 串 ,不 是 密码 明文 ,这 为 系统 的 安全 起 到 了 保障 。 

在 这 个 系统 中 ,我 们 所 输入 的 用 户 名 可 以 是 中 文 .英文 ,也 可 以 是 数字 ,但 是 它 有 个 最 少 
两 个 字符 的 限制 。 在 输入 英文 和 数字 时 一 切 显示 正常 ,在 输入 中 文 时 出 现 的 是 乱码 ,这 需要 
转换 。 转 换代 码 如 下 : 

<% public String getString(String s) { 

if (s == null) { 
= 


try { 
byte b[] = s.getBytes("IS0— 8859— 1"); 
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s = new String(b); 
} catch (Exception e) { 
} 


return s; 
} %> 


登录 界面 的 主要 任务 是 判断 用 户 所 输入 的 用 户 名 、 密 码 、 职 务 是 否 正确 ,如 果 判 断 不 出 


来 或 者 明明 是 错 的 还 能 登录 , 那 登录 界面 的 意义 就 没有 了 ,所 以 需要 很 严密 的 判断 。 判 断代 
码 如 下 : 


if (!userpasswd. equals( info. getString("passwd"))) { 
out. println("< script language = \"javascript\"> alert 
(\" 密 码 不 正确 .…\");</script >"); 
// 密 码 不 正确 ,提示 “密码 不 正确 "信息 
out. println(" < script language = 'javascript'>"); 
out. println("location = '. /login. jsp'; </script >"); 
} else{ 
if(!userzw. equals( info. getString("zhiwu"))) { 
out. println("< script language = \"javascript\">alert 
(\" 用 户 选择 职务 不 正确 .…\");</script >"); 
// 职 务 不 正确 ,提示 “用 户 选择 职务 不 正确 "信息 
out. println(" < script language = 'javascript >" ); 
out. println("location= '. /login. jsp'; </script >");} 
else if(Integer. parseInt(userzw) == 1) 
职务 的 判断 
{ session. setAttribute("login", usernames); 
info. close(); 
stmt. close(); 
conn. close();} // 关 闭 所 有 对 象 
catch (Exception e) { 
// 用 户 名 的 判断 
out. println("< script language = \"javascript\">aler 
t(\" 用 户 名 不 正确 .…\");</script >"); 
// 用 户 名 不 正确 ,提示 “用 户 名 不 正确 "信息 
out. println(" < script language = 'javascript'>"); 
out. println("location = '. /login. jsp'; </script >"); 


} 


当 用 户 所 输入 的 用 户 名 、 密 码 、 职 务 都 正确 时 ,将 使 用 session 对 象 将 登录 信息 存 人 
Web 服务 器 的 内 存 中 。 代 码 如 下 : 


session. setAttribute("login", usernames); 
session. setAttribute("id", id); 


获取 表单 中 的 信息 ,用 的 是 “request. getParameter("")”, 在 双 引 号 中 间 的 值 为 要 获取 
表单 的 name 值 , 当 表单 中 所 输入 的 内 容 为 中 文 ,密码 时 ,都 需要 转换 。 转 换代 码 如 下 : 


String usernames = request.getParameter("username"); // 获 取 表 单 内 容 
usernames = getString(usernames); // 为 中 文 的 转换 
String userpasswd = request. getParameter("userpassword"); 
String userzw = request.getParameter("userzhiwu"); // 为 密码 的 转换 


218。 ”动态 网 站 设计 与 开发 实用 教程 
EN 


连接 数据 库 是 系统 中 最 为 重要 的 一 部 分 ,因为 差不多 在 每 个 页 面 都 需要 连接 数据 库 。 


连接 数据 库 的 代码 如 下 : 
Class. forName("sun. jdbc. odbc. JdbcOdbcDriver") ; // 连 接 数据 库 的 驱动 
Connection conn = DriverManager. getConnection("jdbc:odbc:wuzi"); // 数 据 源 的 使 用 
Statement stmt = conn.createStatement(); // 接 收 变量 


info. close( ); // 关 闭 对 象 
stmt. close( ); // 关 闭 对 象 
conn. close( ); // 关 闭 对 象 


2. 用 户 注册 


用 户 注册 界面 如 图 11-4 所 示 。 用 户 注 册 界 面 可 以 判断 用 户 名 、 邮 箱 是 否 被 注册 ,内 容 
是 否 为 空 , 格 式 是 否 正 确 , 如 图 11-5 所 示 。 


用 户 注册 
您 的 电子 邮箱 不 会 被 公布 出 去 ,得 是 必须 填写 .以 下 带 有 星 号 的 为 必须 填写 项 
用 户 名 :* [13123 这 验证 用 户 名 是 天 被 注册 
电子 邮箱 : + [1287ahoo. co 机 验证 邮箱 是 否 被 注册 
性 别 :* [5] 男 [人 女 
密码 :* 
重复 密码 * 
出 生日 期 :* 
手机 号 码 - 
Qo 号 码 :* 
验证 码 :* |6510 加 果 显示 不 正常 请 点 击 刷新 
于 
图 11-4 用 户 注册 界面 
企 邮箱 不 能 为 全! 
企 企 
兰 喜 你 , 该 用 户 名 可 以 注册 ! 对 不 起 , 该 用 户 名 被 占用 ! 
CC 要 CC 要 
用 户 名 :* 区 不 能 小 于 2 位 ! 验证 用 户 名 是 否 被 注册 
电子 邮箱 :* 无 效 的 emsi1 地 考 ! 验证 邮箱 是 否 被 注册 


图 11-5 判断 界面 
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用 户 注册 界面 分 为 两 个 页 面 : 一 个 是 regedit jsp, 主 要 面向 用 户 ; 一 个 是 useradd. jsp， 
主要 是 后 台 操 作 、 连 接 数 据 库 。 用 户 注册 时 在 regedit jsp 的 表单 中 所 填 人 的 信息 将 被 传送 
到 useradd. jsp 页 面 ,然后 存 人 数据 库 。 00 年 月 >》 沪 

出 生日 期 可 以 直接 双击 表单 填写 ,也 可 以 单 击 右 侧 的 “选择 日 期 ”| 一 = 三 四 五 六 
按钮 ,在 弹出 的 页 面 中 进行 选择 ,如 图 11-6 所 示 。 用 户 注册 页 面 没 有 选 |3 4 56。61889 
择 职务 这 一 项 ,因为 在 这 里 注册 的 都 是 权限 最 低 的 普通 人 员 , 只 具有 查 | 吕 品 吕 晤 点 凤 
询 物 资 和 给 管理 员 留 信息 两 个 功能 ,如 果 想 要 改变 自己 的 权限 只 能 给 | 六 ”加 。 国 
管理 员 留言 ,通过 管理 员 来 修改 。 这 个 注册 页 面 还 为 防止 某 些 人 恶意 [Ei] 
注册 特意 添加 了 验证 码 这 一 项 ,验证 码 是 通过 chknumber. jsp 页 面 来 ”图 11.6 选择 日 其 
实现 的 。 

useradd. jsp 页 面 用 来 连接 注册 页 面 和 数据 库 ,在 实际 操作 中 这 个 页 面 是 不 会 显示 的 ， 
当 我 们 所 填 的 内 容 准确 无 误 时, 它 将 会 把 我 们 所 填 的 内 容 存储 到 数据 库 的 user 表 中 ,并 跳 
转 到 登录 页 面 ; 如 果 我 们 所 填 的 内 容 出 错时 , 它 将 会 跳 转 回 注册 页 面 ,使 用 户 重新 注册 。 


3. 管理 员 主 界面 


管理 员 主 界面 有 两 个 功能 : 一 是 管理 其 他 用 户 ; 二 是 管理 物资 (管理 物资 将 在 物资 管 
理 模块 中 讲解 ) 。 管 理 其 他 用 户主 要 是 修改 用 户 的 信息 、. 权 限 和 删除 用 户 等 。 修 改 用 户 的 信 
息 时 ,管理 员 可 以 修改 用 户 的 性 别 、 密 码 .出 生日 期 .手机 号 .QQ 号 和 用 户 的 职务 等 。 在 进 
人 修改 信息 页 面 时 ,系统 会 连接 数据 库 读 取 被 修改 人 的 信息 ( 除 密码 外 ) ,如 果 和 密码 不 填写 ， 
密码 将 不 予 改 动 。 修 改 信 息 界面 如 图 11-7 所 示 。 


修改 信息 

注册 邮箱 不 可 修改 .以 下 带 有 星 号 的 为 必须 填写 项 
昵称 -# 

电子 邮箱 -* 


性 别 :* [S| 男 [人 文 
Ss [ee 所 
重复 密码 -* [eso0eo| 可 
出 身 日 期 :* 2010-4-27 选择 日 期 
手机 号 码 -+ 上 
QcS 码 :* [2 
选择 职务 [出 于 人 到 加 | 


“在 您 点 击 提交 的 时 候 请 确保 您 的 信息 正确 ,以 方便 大 家 日 后 联系 . 


= 


图 11-7 修改 信息 


修改 信息 应 该 使 用 update。 主 要 代码 如 下 : 


String sql = "update user set sex='" + usersex + "',birth='" + userbirthtime + "',qq='" + 
userqq + "',zhiwu='" + userzhiwu + "', passwd= " + userpassword + "',tel ='" + userphone + 
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"'where id= ”+ userid; 
// 更 新 数据 
int req = stmnt.executeUpdate(sql) ; 
if (req>0) // 查 看 数据 是 否 更 新 成 功 
删除 用 户 信息 通过 usersdel. jsp 页 面 实 现 ,这 个 页 面 也 不 在 实际 操作 中 显示 , 当 管 理 员 
单 击 “ 删 除 ” 按 钮 后 ,此 用 户 将 被 直接 删除 。 主 要 代码 如 下 : 


try { 
String[] users = request. getParameterValues("users"); 
for (int i = 0; i<users. length; i++){ // 循 环 删除 多 行 记录 
stmt. executeUpdate( "delete from user where id=" 
+ users[i]); 


} 


} catch (Exception e) { 
} 
} else if (action.equals("onlydel")) { // 删 除 单条 记录 
String userid = request.getParameter("id"); 
stmt. executeUpdate( "delete from user where id=" + userid); 


i} 


4. 个 人 修改 信息 界面 
个 人 修改 信息 同 管理 员 修 改 并 无 太 大 区 别 , 只 是 没有 修改 职务 一 项 。 


11.2.2 物资 检索 模块 的 实现 


物资 检索 应 用 于 此 系统 的 入 库 界 面 、 出 库 界 面 \ 管 理 员 界面 和 普通 人 员 界 面 ,这 个 系统 
中 的 所 有 人 都 离 不 开 这 个 物资 检索 模块 。 


1. 所 有 物资 的 查询 


所 有 物资 的 查询 顾名思义 就 是 可 以 查询 所 有 物资 ,如 图 11-8 所 示 。 可 以 查询 到 物资 的 
名 称 、 单 个 价格 和 数量 。 在 查询 结果 页 面 一 页 只 显示 5 种 物资 ,当然 也 可 以 通过 修改 代码 增 
加 显示 的 数量 ,并 且 可 以 通过 单 击 “ 第 一 页 ”“ 上 一 页 ”“ 下 一 页 ”“ 最 后 一 页 "来 翻 页 ,在 页 
面 右 侧 显 示 了 所 在 页 数 、 总 页 数 、 记 录 数 ,还 可 以 通过 在 表单 中 输入 具体 数字 来 跳 转 到 指定 
页 数 。 


第 -页 上 -页 页 最- 页 。 村] 页 回 种 页 其 
编号 :1 名 名 :bike 价格 :20 
编号 :2 显 名 :car 价格 :1000 
编号 :3 晶 名 :cu E 价格 :12 
编号 :5 品名 :goodcar 价格 :2000 
编号 :5 品名 :T-shit 价格 :21 
ee 


图 11-8 所 有 物资 的 查询 
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主要 代码 如 下 ， 

int intPageSize; // 一 页 显示 的 记录 数 
int intRowCount; // 记 录 总 数 

int intPageCount; // 总 页 数 

int intPage; // 待 显示 页 码 
String strPage; 

int i, j,k; 

<% i=0; 


while(rs.next()){i++ ;} 
intRowCount = i; 
// 按 行 数 计算 总 页 数 
intPageCount = (intRowCount + intPageSize— 1) / intPageSize; 
// 调 整 待 显示 的 页 码 
if(intPage > intPageCount) {intPage = intPageCount;} $> 
<TABLE align = "center" width="1005$ "> 
<TR><TD align = "center"> 
<%if(intPage>1){%> 
<A HREF = "userorder. jsp?page = 1"> 第 一 页 </A><% }else 
out. println(" 第 一 页 "); 
// 如 果 去 掉 这 句 , 当 没有 “上 一 页 "时 就 不 显示 出 来 了 %> 
<TD align ="center"> 
转 到 第 :< INPUT type = "text”name = "page" size= "8"> 页 
< SPRN>< INPUT tySpe="submit" value = "GO" name = "cndok"></SPAN ></TD> 
< TD align = "center"> 
第 < FONT color = "#993399"><% = intPage 名 ></FONT> 页 </TD> 
<TD align = "center"> 
共 < FONT color = "#9900CC"><% = intPageCount %></FONT> 页 </TD> 
<TD align = "center"> 
共 < FONT color = "#990066"><% = intRowCount $%></FONT> 条 记录 </TD> 


2. 精确 物资 查询 
精确 物资 查询 时 ,必须 知道 物资 的 具体 名 称 或 者 物资 的 具体 价格 ,只 要 知道 其 中 一 样 就 


可 以 查询 了 。 


主要 代码 如 下 : 


if(pnamepnamel = null&S&(1pnamepname.equals("") ) 


&&pricepricel = 0){ 
sql = "select * from product where pname = 
"+pnamepname +"'and price= "+ priceprice;} 
else if((pnamepname == null| |pnamepname. equals("")) 
&&(pricepricel = 0)){ 
sql= "select * from product where price="+priceprice; } 
else{ 
sql="select x* from product where pname = '" + pnamepname + "'"; 


3. 关键 字 查 找 
关键 字 查 找 时 ,不 必 知 道 物资 全 名 ,可 进行 模糊 查找 ,主要 代码 如 下 : 
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TS = sm.executeQuery( sql); 
sql="select * from product where pname like '$%"+pnat+"g%""; 


11.2.3 物资 入 库 模 块 的 实现 


物资 人 库 主要 是 管理 员 和 和 人 库 人 员 共同 完成 的 ,不 同 之 处 在 于 管理 员 可 以 随时 修改 物 
资 的 信息 ,但 是 入 库 人 员 只 能 在 新 物资 人 库 的 时 候 填 写 而 且 不 能 修改 。 


1. 新 物资 入 库 
新 物资 人 库 由 人 库 人 员 填 写 ,界面 如 图 11-9 所 示 。 
入 库 单 
产品 名 称 : [4411 
产品 价格 : [1312 [单位 :元 ] 
入 库 数量 : 315 
入 库 日 期: D1 
国富 ] [本 
图 11-9 入 库 单 界面 
2. 已 有 物资 查询 
管理 员 和 入 库 人 员 对 已 有 物资 都 有 操作 的 权利 ,管理 员 进行 修改 ,入 库 人 员 填 写 物 资 增 
加 的 数量 。 
修改 信息 : 


Class. forName( " sun. jdbc. odbc. JdbcOdbcDriver"). newInstance( ); 

String url = "jdbc:odbc:wuzin; 

String user = ""; 

String pas = ""; 

con = DriverManager. getConnection(url, user, pas); 

sm = con. createStatement( ); 

rs = sm. executeQuery("select x from product where pname= '" + pname + "'"); 

while(rs. next()){ 

}String conditionl = "update product set amount = '" +amount + "', 
price='"+priceq+"' where pname='"+pname+"'";// 数 量 更 新 
sm. executeUpdate( condition1); 


增加 物资 : 


amount = amoun + amount; 
String condition1 = "update product set 
amount ='"+amount+"', price='"+priceq+"' where pname= '"+pname+"'"; 


11.2.4 ”物资 出 库 模块 的 实现 
物资 出 库 为 出 库 人 员 特有 的 模块 ,物资 出 库 单 中 只 须 填 写 订购 的 数量 和 交 货 的 日 期 即 
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可 。 需 要 注意 的 是 : 交 货 日 期 一 定 要 比 当天 时 间 晚 ,如 果 小 于 当天 日 期 系统 将 会 出 现 “ 预 交 
货 期 小 于 当前 日 期 ,请 重新 下 订单 ”的 提示 ; 此 外 ,订购 数量 尽量 不 要 大 于 存货 数量 ,以 免 物 
资 来 不 及 补充 ; 当 出 库 的 总 数 达到 一 定金 额 时 将 可 以 享受 打折 的 优惠 。 下 订单 页 面 如 
图 11-10 所 示 。 


图 11-10 下 订单 页 面 


当 仓库 中 物资 出 库 时 ,出 库 人 员 只 须 查找 出 库 单 , 并 删除 此 次 的 出 库 记 录 , 使 库存 数量 
能 够 得 到 及 时 更 新 。 


11.2.5 物资 统计 模块 的 实现 
物资 统计 模块 主要 包括 期 末 盘 点 、 客 户 订单 和 系统 提示 。 


1. 期 末 盘 点 


期 末 盘 点 可 以 查询 从 一 段 时 间 到 另 一 段 时 间 的 各 个 物资 的 库存 量 , 可 以 通过 期 末 盘 点 
了 解 在 一 段 时 间 内 的 某 些 物 资 的 入 库 出 库 情况 ,便于 提前 考虑 增加 或 者 减少 物资 的 入 库 情 
况 。 期 末 盘 点 界面 如 图 11-11 所 示 。 


期 未 盘存 ， 从 [za 司 年 [ 司 日 [ 同日 引 [5m 疝 年 [ 辣 上 站 辣 B HE) 


您 正 在 查询 的 库存 量 是 从 3009-07-07 到 3011-07-0J 的 县 

妨 号 : 1 产品 名 称 : bike 产品 价格 :20 产品 数量 :1010 。。 入 库 时 间 

2 产品 和 产品 价格 :1000 产品 数 景 :12 入 库 时 间 :200: 

妨 号 : 3 产品 名 称 : cup 产品 价格 :12 产品 数量 :1000 入 库 时 间 

雹 号: 5 。 产品 名 称 : goodcar 产品 价 格 :2000。。 产品 数量 :12 。。。 入 库 时 间 :2009-05-28 00:00:00 

编号 ; 5 产品 名 称 : T-shit 声 3521 产品 数量 :4000 入 库 时 间 ;2009-05-28 00:00:00 

编号 : 7 产品 各 称 : english-book A 产品 堵 量 :200 入 库 时 间 :2009-05-28 00:00:00 

编号 :; 89。 产品 名 称 : chinese-book 产品 价格 :55 产品 数量 :599 入 库 时 间 :2009-05-28 00:00:00 

编号 : 9 产品 名 称 : compurerbook i” 产品 价格 :zs 产品 数量 :777 入 库 时 间 :20p3E2s 00:00:00 
图 11-11 期 末 盘 点 

查询 代码 如 下 : 


rs= sm.executeQuery("select count( * ) from product"); 
while(rs. next()){count = rs.getInt(1); } 
rs= sm. executeQuery("select * from product"); 
// 仓 库 查 询 时 ,可 以 使 用 select * from product where date > 2009 一 5 一 7 
while(rs. next()){pidd= rs. getInt (1); pname = rs. getString(2); price = rs.getInt(3); 
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amount = rs. getInt(4) ; date = rs.getString(5); 
if(date. compareTo(C)<= 0&&date. compareTo(B)>=0){ 
// 如 果 和 人 库 时 间 大 于 盘点 查询 输入 的 时 间 , 则 输出 编号 .名称 .产品 价格 .数量 .入 库 时 间 
out.println("<tr><td> 编 号 : " + pidd + "</td>"); 
out.println("< td> 产 品名 称 : "+ pname + "</td>"); 
out. println("< td> 产 品 价格 :< span style = 'color:#CC0033'>" +price+ "</span></td>"); 
out. println("< td> 产 品 数 量 :< span style = 'color:#CC0066'>" + amount + "</span></td>"); 
out. println("< td> 入 库 时间 :< span style= 'color: 井 CCO0OFF'>" + date + "</span></td></tr>"); 
out. println("<tr>< td colspan= '5'> 


2. 客户 订单 


客户 订单 主要 表现 在 对 出 库 人 员 的 出 库 物 资 的 统计 ,并 显示 出 库 物资 的 总 金额 。 客 户 
订单 界面 如 图 11-12 所 示 。 


产品 辆 号 :1 。 产品 各 称 :bse “订购 各 量 :10 实生 从 
产品 编号 :1 。 产品 各 称 :bive 订购 数量 :10 FT 从 
产品 入 号 :1 。 产品 名 称 :bize 订购 吉 重 :10 于 从 


产品 篇 号 :1 。 产品 名称 :bize 订购 部 量 :10 3 从 
产品 入 号 :1 。 产品 各 称 :bize 订购 数量 :10 于 从 1 
产品 编号 :1 。 产品 各 征 :bie “订购 部 量 :10 因 环 人 


产品 篇 导 :1 。 产品 名 称 :bie 订购 部 重 :10 
产品 入 号 :1 产品 名 你:bise 订购 玫 量 :10 
产品 编号 :1 。 产品 各 称 :bive 订购 款 量 :10 
产品 入 号 :1 。 产品 名 称 :bize 订购 部 量 :10 
产品 篇 号 :1 。 产品 名 征 :bire 订购 数量 :0 
产品 入 号 :1 。 产品 名 称 :bize 订购 名 量 :10 实生 从 符 :20 


本 

二 

可 

ee. 

了 

四 
上 


图 11-12 客户 订单 


11.2.6 其 他 模块 的 实现 
1. 欢迎 用 户 
欢迎 用 户 是 通过 在 登录 信息 时 保存 在 session 对 象 中 的 用 户 名 实现 的 ,代码 如 下 : 


String name = (String) session. getAttribute("login"); 


2. 最 新 物资 提示 
最 新 物资 提示 就 是 查询 在 product 中 前 5 位 的 物资 名 称 , 界 面 如 图 11-13 所 示 。 
a ~~- 
最 新 产品 ， bike car cup goodcar  T-shit 
图 11-13 最 新 物资 提示 
3. 用 户 交 流 模块 


用 户 交 流 就 是 一 个 留言 板 , 对 于 入 库 人 员 、 出 库 人 员 ,普通 员工 ,此 留言 板 都 是 可 以 留言 
的 ,界面 如 图 11-14 所 示 。 
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定 提交 


图 11-14 留言 板 


主要 代码 如 下 : 


Class. forName( " sun. jdbc. odbc. JdbcOdbcDriver"); 
Connection conn = DriverManager. getConnection("jdbc:odbc:wuzi"); // 数 据 源 的 使 用 
Statement stmt = conn.createStatement(); 
String sql = "insert into lyb(name, theme,message) values('" 
+ username+ "','"+ theme+ "','"+ message + "')"; 

int req = stmt.executeUpdate( sql); 
if (req == 1) {out. println(" 更 新 成 功 "); 

out. println(" < script language = 'javascript >"); 

out. println("location = '. /uusearch. jsp'; </script >"); 
} else {out. println(" 更 新 失败 "); 

out. println(" < script language = 'javascript >"); 

out. println("location= './lyb. jsp'; </script >"); 
}stmt. close( )conn. close(); 


只 有 管理 员 可 以 查看 留言 板 , 留 言 板 列表 中 有 留言 者 的 姓名 、 0 
留言 主题 和 删除 选项 , 当 单 击 留言 板 上 的 姓名 后 可 以 查看 留言 者 、 人 


留言 主题 .留言 内 容 。 留 言 详 细 内 容 如 图 11-15 所 示 。 a 
删除 留言 的 主要 代码 如 下 : 
psm = con. prepareStatement( "delete from lyb where id=?"); 图 1115 留言 详细 内 容 


psm. setInt(1, ppid); 
psm. executeUpdate( ) ; 
response. sendRedirect ("showlyb. jsp" ); 


(ns 系统 运行 


1. 登录 测试 


为 了 确保 物资 管理 系统 的 安全 性 ,用 户 必 须 登 录 才 可 以 使 用 本 系统 。 当 用 户 输入 错误 
的 用 户 名 ,密码 或 者 职务 时 ,将 不 能 登录 系统 ,并 且 有 错误 提示 ,如 图 11-16 所 示 。 
当 用 户 输 入 正确 的 用 户 名 ,密码 和 职务 时 ,系统 将 会 根据 用 户 所 选择 的 职务 跳 转 到 不 同 
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Ae 


的 页 面 中 去 。 
2. 出 库 测试 


1) 增加 订单 测试 
增加 订单 时 要 求 产品 名 称 是 用 户 之 前 选择 的 ,不 能 更 改 , 用 户 只 须 输 入 正确 的 订购 数 
量 , 选 择 正确 的 交 货 日 期 即 可 ,如 图 11-17 所 示 。 


Wigovs Internet Erplorer 园 产品 名 称 : 
| 订购 数量 : [本 
企 用 户 名 歌 密码 不 正确 预 交 货 日 : 0 六 年 [六 月 [1 国 日 
区 本 


一 友情 提示 : 
Windows Internet Explorer 医 隐居 节 受 9 折 优惠 


必 用 这 提 职 全 下 正确 5 
[ 本 ] ps 、 


和 以 上 的 打 9 折 
1000 件 以 上 的 打 8. 5 折 


图 11-16 出 错 提 示 图 11-17 增加 订单 


增加 订单 时 如 果 交 货 日 期 小 于 当天 日 期 ,将 会 出 现 错误 提示 ,如 图 11-18 所 示 。 
Windows Internet Explorer 区 


人 预 交 货 期 小 于 当前 日 期, 请 重新 下 订单 


CC 要 


当前 时 间 为 :2010-04-18 
您 输入 的 预 交 货 日 为 : 


2009-01-01 
预 交 货 期 小 于 当前 日 期 , 请 返回 , 重新 输入 
重新 下 订单 


图 11-18 日 期 出 错 


2) 删除 订单 测试 
删除 订单 时 ,只 须 找到 想 要 删除 的 订单 , 单 击 * 删 除 ? 按 钮 即 可 , 当 单 击 * 删 除 按 钮 后 , 系 
统 会 将 删除 订单 中 的 物资 数量 加 回 到 库存 数量 中 。 


(i114 本 章 小 结 


本 系统 是 一 个 具有 一 定 实用 性 的 数据 库 信息 管理 系统 。 它 主要 完成 对 物资 仓库 的 一 系 
列 管理 ,包括 入 库 出 库 以 及 员工 和 留言 板 信 息 的 管理 。 本 系统 采用 目前 Web 开发 技术 中 
应 用 最 广泛 的 JSP 来 完成 整个 系统 的 设计 ,在 数据 库 的 设计 上 采用 了 简单 、 便 利和 实用 的 
关系 数据 库 Access。 
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在 系统 的 功能 实现 方面 具有 操作 简单 .方便 实用 的 特点 。 在 用 户 管理 方面 ,实现 了 用 户 
注册 、 密 码 修 改 和 个 人 信息 修改 等 各 项 功能 。 在 物资 入 库 、 出 库 时 对 物资 信息 的 修改 等 方面 
通过 设计 、 使 用 也 很 好 地 展现 出 来 ,并 且 通 过 系统 提示 和 期 末 盘 点 等 功能 使 操作 人 员 更 好 地 
管理 物资 。 在 查询 方面 ,系统 具有 3 种 查询 方式 ,使 人 员 在 查询 时 更 加 方便 。 


(5 思考 与 练习 


. 简 述 JSP 对 数据 库 的 操作 步 又。 

. 简 述 物资 信息 表 、 留 言 信 息 表 、 人 员 信 息 表 的 创建 代码 。 
. 简 述 物资 管理 系统 的 功能 。 

.完成 物资 系统 的 入 库 功能 。 

. 实现 物资 系统 的 出 库 功 能 。 

.制作 用 户 留 言 板 的 界面 和 实现 留言 的 功能 。 


a 玫 
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XML 及 其 应 用 | 


标记 行为 由 来 已 久 ,比如 我 们 所 熟知 的 对 财务 报表 的 注释 .差旅费 用 的 名 细 等 ,都 可 以 
理解 为 标记 。 标 记 的 意思 就 是 为 某 物 加 上 记号 (marking it up) ,现在 有 很 多 的 文本 处 理 系 
统 也 正 是 基于 这 个 原理 而 产生 的 。 其 中 由 标记 引发 而 来 的 标记 语言 的 杰出 代表 之 一 就 
是 XML。 

学 习 目标 及 要 求 

(1) 了 解 XML 的 发 展 。 

(2) 理解 XML 的 术语 。 

(3) 了 解 XML 的 语法 。 

(4) 理解 并 讨论 XML 和 HTML 有 何不 同 。 

(5) 能 够 使 用 层 登 样式 表 相 关联 的 XML 文件 。 


(12,1 XML 概述 


XML 是 extensible markup language 的 缩写 ,是 由 万 维 网 联盟 (World Wide Web 
Consortium,，W3C) 定 义 的 一 种 语言 , 称 为 可 扩展 标记 语言 。 所 谓 可 扩展 性 是 指 XML 允许 
用 户 按照 XML 规则 自 定义 标记 。XML 文件 是 由 标记 及 其 所 标记 的 内 容 构 成 的 文本 文件 ， 
与 HTML 文件 不 同 的 是 ,这 些 标记 可 自由 定义 ,其 目的 是 使 得 XML 文件 能 够 很 好 地 体现 
数据 的 结构 和 含义 。W3C 推出 XML 的 主要 目的 是 使 得 Internet 上 的 数据 相互 交流 更 方 
便 , 让 文件 的 内 容 更 加 通俗 易 懂 。 

一 个 简单 的 XML 文件 : 


<?xml version="1.0" ?> 


< 职员 > 
< 姓名 > 
张 小 三 
< 性 别 > 男 ” </ 性别 > 
< 出 生日 期 > 1980 年 8 月 15 日 </ 出 生日 期 > 
</ 姓 名 > 
</ 职 员 > 


上 面 的 XML 文件 包含 一 个 XML 声明 <? xml ， version 一 "1.0"” ? > 和 4 个 标记 。 每 
个 标记 都 必须 包括 开始 标记 和 结束 标记 :开始 标记 和 结束 标记 之 间 的 内 容 称 为 该 标记 所 标 
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记 的 内 容 , 简 称 “ 标 记 的 内 容 ”。 一 个 标记 的 内 容 中 可 以 包含 文本 或 其 他 的 标记 ,其 中 包含 的 
标记 称 为 该 标记 的 子 标记 。XML 文件 有 且 只 有 一 个 根 标记 ,其 他 标记 都 必须 封装 在 根 标 
记 中 ,文件 的 标记 必须 形成 树 状 结构 。 上 面 的 XML 文件 的 根 标 记 的 开始 标记 是 “< 职员 >”， 
结束 标记 是 “</ 职员 >”, 该 根 标 记 有 一 个 子 标记 ”< 姓名 >…</ 姓 名 >”, 而 标记 ”< 姓名 >…</ 姓名 >” 
的 子 标记 是 “< 性 别 >…</ 性 别 >* 和 “< 出 生日 期 >…</ 出 生日 期 >”>。XML 文件 必须 符合 一 定 的 
语法 规则 ,只 有 符合 这 些 规则 ,XML 文件 才 可 以 被 XML 解析 器 解析 。 后 续 的 章节 会 详细 
地 讲解 XML 的 语法 规则 。 

下 面 的 XML 文件 都 是 错误 的 ,其 中 的 “A. xml” 没 有 根 标 记 ,“B. xml” 标 记 没 有 形成 树 
状 结构 (标记 有 交叉 ) 。 

(1) A. xml: 

<?xml version="1.0" ?> 


< 名 称 > 电视 机 ”</ 名 称 > 
< 价钱 > 3078 元 </ 价 钱 > 


(2) B. xml: 


<?xml version="1.0" ?> 
< 张 小 林 > 

< 性 别 > 男 < 出 生日 期 > 

</ 性 别 > 1980 年 8 月 6 日 </ 出 生日 期 > 
</ 张 小 林 > 


(12,2 XML 基础 


12.2.1 XML 术语 


在 学 习 XML 之 前 , 先 给 大 家 介绍 一 些 XML 使 用 的 主要 术语 。 

元 素 (elements) : 代表 XML 文档 中 的 每 一 个 组 件 , 包 含 字 符 、 元 素 或 者 两 者 此 有 ,允许 
有 空 元 素 (empty element) 。 

属性 (attributes) : 放 在 元 素 后 面 的 数据 ,代表 这 个 元 素 的 另 一 种 特性 和 特征 。 

统一 编码 Cunicode): 一 种 字符 集 , 包 括 全 世界 各 种 语言 中 有 用 的 字符 。 

实体 :“ 文 本 片 ”实体 也 像 一 个 缩写 ,一 个 实体 可 以 是 一 个 字符 也 可 以 是 一 个 文档 的 数 
据 , 是 XML 文本 的 基本 单位 。 

标记 (markup) : 像 标记 (TAG) .实体 引用 (entity reference) 和 声明 这 样 的 构件 。 

样式 表 (XSL) : 描述 XML 的 元 数据 文件 格式 的 语言 (因为 CSS 对 于 XML 来 讲 不 够 用 ) 。 

序言 (prolog) : 关于 文档 实例 表现 形式 的 信息 。 

文档 实例 (document instance) : 以 元 素 的 层次 结构 组 织 的 实际 文档 数据 。 


12.2.2 XML 语法 
1. 一 个 简单 的 例子 
下 面 是 一 个 关于 库存 物品 清单 的 简单 例子 ,大 家 可 以 从 中 发 现 XML 的 许多 特性 ,并 且 
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可 以 体会 到 XML 的 元 数据 文件 是 非常 清晰 易 读 的 。 


<! 一 XML 文件 示例 一 > 

<?xml version= "1.0" encoding= "GB2312" ?> 
< 库存 清单 > 

<! 一 这 里 就 是 注释 一 > 

< 库存 物品 > 

< 名 称 > 毛巾 </ 名 称 > 

< 规格 单位 = "cm"> 25 * 50 </ 规 格 > 

< 生产 厂家 > 中 国 棉纺 厂 </ 生 产 厂家 > 

< 生产 日 期 > 2010 - 09 -01</ 生 产 日 期 > 
< 数量 单位 = "条 "> 400 </ 数 量 > 

< 进货 价 单位 = "元 "> 2.5 </ 进 货 价 > 
< 零售 价 单位 = "元 "> 6.5 </ 零 售 价 > 
</ 库 存 物品 > 

< 库存 物品 > 

< 名 称 > 碗 </ 名 称 > 

< 规格 单位 = "cm"> 5* 15 </ 规 格 > 

< 生产 厂家 > 中 国 毛 瓷 厂 </ 生 产 厂家 > 

< 生产 日 期 >2010 - 09- 11</ 生 产 日 期 > 
< 数量 单位 = "个 "> 200 </ 数 量 > 


< 进货 价 单位 >1.5 </ 进 货 价 > 
< 零售 价 单位 = "元 "> 4.5 </ 零 售 价 > 
</ 库 存 物品 > 

< 库存 物品 > 

< 名 称 > 簧 子 </ 名 称 > 


< 规格 单位 = "个 "> 1* 10 </ 规 格 > 

< 生产 厂家 > 中 国 捷 瓷 厂 </ 生 产 厂家 > 

< 生产 日 期 >2010 - 09 - 11 </ 生 产 日 期 > 

< 数量 单位 = "把 "> 200 </ 数 量 > 

< 进货 价 单位 = "元 "> 1.5 </ 进 货 价 > 

< 零售 价 单位 = "元 "> 3.5 </ 零 售 价 > 

</ 库 存 物品 > 

</ 库 存 清 单 > 

看 过 了 XML 语言 的 基本 格式 ,下 面 将 详细 讲解 XML 元 数据 文件 的 各 个 组 成 部 分 。 实 
际 上 ,就 上 面 这 些 而 言 是 非常 简单 的 ,当然 ,要 想 更 清楚 地 了 解 和 学 习 XML ,就 必须 清楚 地 
知道 这 些 定义 的 意义 。 


2. 声明 (declaration) 


XML 数据 文件 的 定义 不 像 HTML 那样 自由 , 它 是 非常 严格 的 ,缺少 一 个 就 会 出 错 。 
因为 每 个 XML 的 解析 器 第 一 步 要 做 的 事情 就 是 检查 XML 文件 是 否 合格 ,就 是 “well- 
formed”, 所 以 大 家 看 到 第 一 句 是 这 样 的 : 


<?xml version= "1.0" encoding= "GB2312" ?> 


注意 : 不 能 漏 掉 此 句 ,否则 解析 器 将 不 予 解析 。 当 然 里 面 的 encoding 可 以 不 用 写 ,默认 
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是 Unicode。Unicode 编码 结合 ISO 的 字库 标准 ,可 以 满足 非 英语 语系 国家 的 需要 。 


3. 元 素 (elements) 和 属性 (attributes) 


< 元 素 名 属性 名 = "属性 值 "> 
< 子 元 素 > 元 素 的 数据 </ 子 元 素 > 
</ 元 素 名 > 

看 上 面 的 这 个 例子 ,就 能 很 形象 地 理解 什么 是 元 素 、 什 么 是 属性 ,但 是 需要 注意 的 是 元 
素 是 区 分 大 小 写 的 ,也 就 是 说 ,<t></t> 和 <T></T> 不 是 同一 个 元 素 。 还 有 就 是 元 素 里 的 数 
据 只 要 是 合法 的 ,就 会 完全 忠实 地 成 为 数据 ,例如 : 

< 元 素 名 > 这 是 一 个 </ 元 素 名 > 

<! 一 这 是 另 一 个 一 > 

< 元 素 名 > 这 是 一 个 </ 元 素 名 > 

<! 一 这 又 是 另 一 个 一 > 

< 元 素 名 > 这 是 一 个 

</ 元 素 名 > 

第 一 个 数据 、 第 二 个 数据 只 差 一 个 空格 ,第 三 个 数据 则 多 了 一 个 回 车 符 ,这 3 个 数据 是 
不 同 的 数据 ,因此 在 写 这 些 数 据 时 一 定 要 小 心 。 

XML 中 的 属性 值 必 须 使 用 单 引号 或 双 引 号 括 起 来 。 


4. 注释 (comments) 


注释 是 在 文档 中 嵌入 关于 文档 和 标记 的 有 关 信 息 , 可 以 帮助 别人 和 自己 清楚 代码 的 
内 容 。 

在 XML 中 的 注释 是 这 样 的 : 

<! 一 啊 , 这 就 是 帮助 一 > 

在 这 个 注释 中 间 , 可 以 放 入 除了 “--” 符 号 以 外 的 所 有 字符 。 


(2,3 XML 和 HTML 有 何不 同 


HTML 是 用 来 编写 Web 页 的 语言 ,HTML 把 数据 和 数据 的 显示 外 观 捆 绑 在 一 起 ,如 
果 只 想 使 用 数据 而 无 须 显示 外 观 ,可 以 想象 ,将 数据 和 外 观 分 离 是 多 么 的 困难 。HTML 不 
允许 用 户 自 定义 标记 ,目前 的 HTML 大 约 有 100 多 个 标记 。HTML 不 能 体现 数据 的 结构 ， 
只 能 描述 数据 的 显示 格式 。 下 列 HTML 将 数据 分 别 用 黑体 1(H1)、 黑 体 2(H2) 和 黑体 3 
(H3) 来 显示 : 
<HTML> 
<H1> 
张 小 三 
<H2> 男 </H2> 


<HB> 1980 年 8 月 15 日 </H3> 
</HL > 
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<Hl > 
王 小 妹 
<H2> 女 </H2> 
<H3> 1985 年 12 月 7 日 </H3> 
</H1 > 

</HTML > 

上 述 HTML 从 文档 结构 上 无 法 体现 数据 * 张 小 三 ”和 ”1980 年 8 月 15 日 "之 间 的 逻 
辑 关 系 , 只 能 将 HTML 中 标记 “< Hl >…</H1 >” 所 标记 的 文本 内 容 用 黑体 显示 在 浏览 
器 中 。 

与 HTML 不同 的 是 ,XML 可 以 很 好 地 描述 数据 的 结构 ,有 效 地 分 离 数据 的 结构 和 表 
示 , 可 以 作为 数据 交换 的 标准 格式 。XML 可 以 自 定义 标记 ,标记 名 称 是 对 所 标记 的 数据 内 
容 含义 的 抽象 ,而 不 是 数据 的 显示 格式 ,XML 只 关心 数据 的 组 织 结构 , 以 便 XML 解析 器 按 
照 其 结构 分 解 出 数据 ,XML 本 身 不 提供 数据 的 显示 格式 。 浏 览 器 不 能 直接 显示 XML 文件 
的 标记 内 容 , 如 果 想 要 浏览 器 显示 XML 文件 中 标记 的 内 容 , 就 必须 以 某 种 方式 告诉 浏览 器 
如 何 显示 ,一 种 方式 是 使 用 层 秋 样式 表 (CCS) , 另 一 种 方式 是 使 用 XSL 变换 。 

以 下 的 XML 文件 将 自己 关联 到 一 个 层 秋 样式 表 , 以 便 浏览 器 能 显示 XML 文件 中 标记 
所 标记 的 内 容 。 层 全 样式 表 中 最 重要 的 组 成 部 分 就 是 样式 表 , 其 作用 是 说 明 XML 文件 中 
的 标记 内 容 用 何 种 方式 来 显示 。 比 如 ,如 果 想 用 黑体 来 显示 XML 文件 中 标记 *< name >… 
</name >” 所 标记 的 文本 内 容 , 就 可 以 在 层 秋 样式 表 文 件 中 包含 如 下 的 样式 表 : 

nanme 


{ 

display:block;font — size:36pt;font — weight:bold 

} 

该 样式 表 的 作用 是 告知 浏览 器 将 标记 "< name >…</name > 所 标记 的 内 容 显 示 在 一 个 
“ 块 区 域 " 中 。 

birthday 

{ 

display:line;font — size:12pt;font — weight:bold 

:; 

该 样式 表 的 作用 是 告知 浏览 器 将 标记 “< birthday >…</ birthday >” 所 标记 的 内 容 显 示 
在 一 行 中 。 

当 使 用 层 释 样式 表 和 XML 关联 时 .XML 文档 中 的 标记 的 名 字 不 要 含有 非 ANSI 
字符 。 
以 下 的 show. css 是 一 个 简单 的 层 秋 样式 表 , 该 文件 可 以 保存 编码 为 ANSI 的 文件 ,并 
和 其 关联 的 XML 文件 存放 在 同一 目录 中 。 


Show. css 
name 


{ 
display:block;font - size:18pt;font — weight:bold 
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} 


sex 
{ 

display: line;font - size:16pt;font — weight:bold 
} 

birthday 

{ 

display:line;font — size:9pt; font — weight:bold 
} 


XML 文件 使 用 操作 指令 

<?xml - stylesheet ?> 
关联 到 某 个 层 秋 样式 表 , 例 如 : 

<?xml - stylesheet href ="show.css" type = "text/css" ?> 

以 下 是 一 个 与 show. css 层 琶 样式 表 相 关联 的 地 址 加) 
XML 文件 ,用 浏览 器 打开 Chal_1. xml 文件 ,浏览 器 就 张 小 三 男 wesfnanB 


会 按照 show. css 中 的 样式 表 来 显示 XML 文件 中 标记 王 小 妹 女 yes 年 2 有 m9 
所 标记 的 文本 内 容 , 效 果 如 图 12-1 所 示 。 


Chal_1. xml 


<?xml version= "1.0” ?> 


鸭 ] D:\ehaperonevchal_1 xnl 


图 12-1 使 用 CSS 显示 XML 中 的 数据 


<?xml - stylesheet href = "show.css" type = "text/css" ?> 
<employy> 
<name> 
张 小 三 
<sex> 男 </sex> 
<birthday> 1981 年 10 月 10 日 </birthday> 
</name> 
<name> 
王 小 妹 
<sex> 女 </sex> 
<birthday> 1985 年 12 月 12 日 </birthday> 
</name > 


</employy> 


(i2,4 本 章 小 结 


XML 与 HTML 一 样 ,都 是 标准 通用 语言 。XML 是 Internet 环境 中 跨 平台 的 、 依 赖 于 
相关 内 容 的 技术 ,是 当前 处 理 结构 化 文档 信息 的 有 力 工 具 。 本 章 介 绍 了 XML 的 相关 语法 
和 术语 ,比较 了 XML 和 HTML 之 间 的 不 同 点 ,通过 学 习 本 章 内 容 , 能 够 很 好 地 理解 和 掌握 
XML 的 使 用 方法 。 
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(12.5 思考 与 练习 
sq 


1. 你 认为 XML 究竟 是 什么 技术 ? 

2. XML 与 HTML 相 比 在 商业 应 用 中 有 哪些 优势 ? 

3. 什么 是 XML 中 元 素 的 属性 ? 

4， 试 书写 XML 语句 表示 一 个 名 字 为 Student, 仅仅 具有 SNO 属性 且 该 属性 取 值 为 
“200” 的 空 元 素 。 
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万 维 网 给 全 球 信息 的 交流 和 传播 带 来 了 革命 性 的 变化 ,为 了 更 好 地 利用 Web 网 络 , 人 
们 开始 探索 利用 网 络 来 改变 生活 的 方式 ,比如 网 上 购物 .收发 邮件 .远程 教育 等 。 

在 网 络 开发 平台 上 ,微软 的 ASP. NET 开发 技术 得 到 了 广泛 的 应 用 。 

通过 本 章 学 习 , 使 读者 明白 ,ASP 是 如 何 过 渡 到 ASP. NET 中 的 , .NET 技术 为 何 能 构 
建 Web 应 用 程序 功能 。 

学 习 目 标 及 要 求 

(1) 理解 Web 应 用 程序 的 主流 开发 技术 。 

(2) 了 解 Microsoft. NET 的 战略 。 

(3) 理解 Microsoft. NET 的 开发 平台 构成 。 

(4) 理解 从 ASP 到 ASP. NET 的 过 渡 过 程 。 


(3.1 . NET 架构 
ww 
Microsoft. NET 开发 平台 包括 一 个 用 于 加 载 和 运行 应 用 程序 的 新 的 软件 基础 结构 


(. NET Framework 和 ASP. NET) 一 个 新 的 开发 环境 (Visual Studio. NET) ,以 及 支持 该 
结构 的 编程 语言 ,如 图 13-1 所 示 。 


VB.NET VC++HNET C# 天 其 他 语言 


CLS (common language specifications, 公 共 语 言 规范 ) 


Web Service Windows Forms 


Data and XML Classes: ASPNET、 XML、 ADO.NET、 SQL Server 


"NET 框架 类 库 


CLR (common language runtime, 公共 语言 运行 时 ) 


图 13-1 .NET 的 体系 结构 


从 图 13-1 可 以 看 出 , .NET 开发 框架 包括 以 下 几 个 主要 组 成 部 分 : 公共 语言 运行 时 
(CLR); .NET 访问 数据 库 的 方法 :如 ADO. NET 等 ; 网 络 开 发 中 的 Windows Forms 编 
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程 ; 多 种 语言 的 支持 ,如 VB. NET、VC++. NET、C# ,J#。 

支持 跨 语 言 集成 是 . NET 的 一 大 特色 , 跨 语 言 集成 又 称 为 跨 语 言 编 程 、 混 合 编程 或 者 跨 
语言 互 操作 ,为 了 达到 这 一 目标 ,在 . NET 框架 中 采用 了 一 系列 新 技术 。 在 . NET 框架 中 代 
码 分 为 managed code 和 unmanaged code 两 类 。 前 者 称 为 托管 代码 或 受 控 代码 ,后 者 称 为 
非 托 管 代码 或 非 受 控 代码 。 在 两 类 代码 中 ,托管 代码 更 体现 了 现代 语言 的 风格 ,更 完整 
地 体现 面向 对 象 程序 设计 的 思想 。 在 本 书 以 后 的 内 容 中 ,除非 特别 说 明 , 我 们 的 讨论 都 
围绕 托管 代码 展开 。 实 际 上 ,使 用 托管 代码 才能 安全 而 又 最 大 限度 地 利用 . NET 的 技术 
和 资源 。 

托管 代码 能 够 在 公共 语言 运行 库 中 受到 管理 和 服务 ,能 够 安全 而 高 效 地 运行 ,为 此 , 托 
管 代码 必须 向 CLR 提供 最 低级 别 的 信息 一 一 元 数据 (metadata) 。 全 新 设计 的 C# 、Visual 
Basic.NET 和 J#.NET 代码 都 受托 管 ,而 Visual C++. NET 代码 不 受托 管 , 但 是 编译 器 可 
以 通过 指定 命令 行 开 关 (/CLR) 来 产生 托管 代码 。 


(13,2 . NET 核心 技术 


. NET Framework 包括 两 个 主要 组 件 : 
。 公共 语言 运行 时 (CLR)。 
。 统一 的 类 库 集 。 


13.2.1 公共 语言 运行 时 功能 


CLR 和 类 库 是 . NET 框架 的 两 个 实体 。CLR 的 基本 功能 是 运行 代码 并 且 提 供 各 种 服 
务 ,使 得 整个 运行 更 加 简易 。CLR 的 主要 功能 包括 以 下 几 方面 

(1) 执行 和 管理 。 完 成 运行 过 程 中 的 代码 加 载 、 应 用 程序 和 托管 对 象 的 内 存 管理 ,对 象 
自动 布局 ,使 用 JIT 将 MSIL 编译 成 本 地 代码 并 且 控 制 代码 执行 .处理 异常 等 全 部 步 又 。 

(2) 提供 安全 保证 。 类 型 安全 ,代码 访问 安全 ,控制 托管 和 非 托 管 代码 的 互 操作 。 

(3) 对 开发 者 的 支持 。 提 供 界 面 信息 ,帮助 调试 等 。 


13.2.2 .NET 框架 类 库 


.NET 类 库 (. NET framework class library) 又 称 基础 类 库 (base class library, BCL)， 
.NET 类 库 提 供 数 千 个 类 接口 等 工具 供 程序 员 直 接 使 用 ,主要 包括 数据 结构 .I/O 管理 、 数 
据 库 访问 、 多 线程 .远程 访问 、 反 射 等 。 

.NET 支持 的 所 有 语言 都 能 使 用 类 库 ,任何 语言 使 用 类 库 的 方式 都 是 一 样 的 ,任何 一 种 
应 用 程序 使 用 类 库 的 方式 也 是 一 样 的 。 

与 CLR 不 一 样 的 是 : 通常 情况 下 .CLR 对 程序 员 而 言 是 透明 的 ; 而 类 库 是 程序 员 必 用 
的 工具 ,熟练 掌握 类 库 是 程序 员 的 基本 功 。 
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(13;3 基于 .NET 的 应 用 开发 


在 . NET 应 用 开发 中 ,主要 使 用 如 图 13-2 所 示 的 应 用 开发 环境 。 
不 断 加 入 的 语言 


.NET 支持 的 语言 : 
VB、 C#、 VC++、 


Visual 区 各 类 服务 支持 ， 如 
Sue | 一 SQL Server 等 


woman en] mw | 


图 13-2 .NET 的 应 用 开发 环境 的 特点 


1. 类 库 


在 托管 的 环境 里 ,开发 扩展 类 库 内 容 、 自 定义 用 户 程序 的 类 和 组 件 是 代码 重用 的 有 效 方 
法 ,也 是 开发 大 型 程序 值得 推荐 的 做 法 。. NET 给 出 设计 类 库 程序 的 规范 ,只 有 遵循 这 些 规 
范 , 其 他 开发 人 员 才 能 有 效 利用 它们 ,使 它们 发 挥 最 大 的 作用 。 


2. Windows 应 用 程序 


基于 Windows Forms(Windows 窗 体 ) 的 应 用 程序 是 一 种 基于 图 形 界面 接口 GUI 的 应 
用 程序 ,一 般 是 在 用 户 计 算 机 本 地 运行 。 


3. Windows 控件 库 
创建 Windows 窗 体 应 用 程序 的 自 定义 控件 。 
4. 智能 设备 应 用 程序 


Internet 不 仅仅 连接 PC 机 、 服 务 器 等 计算 机 设备 ,还 连接 包括 电视 机 、 电 冰箱 复印机 
等 家 用 的 、 办 公用 的 电器 ,可 以 通过 Internet 对 这 些 设备 进行 远程 控制 。 智 能 设备 应 用 程序 
就 是 连接 、 控 制 这 些 设备 ,并 且 使 它们 互相 通信 的 应 用 程序 。 


5. ASP. NET Web 应 用 程序 


ASP. NET 是 . NET 中 统一 的 Web 开发 平台 ,用 来 开发 企业 级 的 Web 应 用 程序 。 
ASP. NET 是 ASP 的 升级 版 ,具有 革命 性 的 进步 ,程序 员 能 够 像 设 计 Windows 窗 体 应 
样 设计 Web 应 用 ; 能 够 将 代码 与 HTML 文档 分 离 ,进行 代码 重用 ; 能 够 在 IDE 中 进行 可 
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视 化 的 开发 。 
6. ASP.NET Web Service 


Web Service 是 Microsoft 的 .NET 战略 中 的 重头 戏 , 由 于 XML 是 当今 Internet 与 各 
种 系统 之 间 的 数据 交换 的 标准 ,所 以 也 称 为 XML Web Services, 它 可 以 实现 客户 端 -服务 器 
或 服务 器 -服务 器 间 的 数据 交换 。XML Web Services 采用 松 耦 合 的 分 布 式 结构 ,不 与 特定 
的 组 件 技术 或 对 象 调用 约定 相关 联 ,与 编程 语言 .组件 模型 .操作 系统 等 无 关 。 一 般 的 Web 
程序 ,例如 浏览 器 ,是 人 与 程序 的 对 话 ,而 Web Service 是 程序 与 程序 的 对 话 。Web Service 
是 公认 的 Internet 应 用 中 最 有 影响 的 服务 。 


7. ASP.NET 移动 Web 应 用 程序 


ASP. NET 移动 Web 应 用 程序 是 用 于 能 无 线 上 网 的 移动 数字 设备 的 应 用 程序 ,常见 的 
移动 设备 有 移动 电话 .掌上 电脑 等 , .NET 提供 移动 控件 来 连接 移动 设备 的 设备 适配器 ,在 
.NET 上 开发 移动 Web 应 用 程序 的 过 程 与 开发 其 他 Web 应 用 程序 相似 。 


8. Web 控件 库 


在 Visual Studio. NET 环境 下 开发 Web 应 用 程序 和 开发 Windows 应 用 程序 一 样 可 以 
进行 可 视 化 的 开发 ,其 中 最 常用 的 图 形 元 素 是 控件 。 和 前 面 讲 的 Windows 控件 库 应 用 程序 
类 似 , Web 控件 库 应 用 程序 用 来 开发 和 扩展 Web 控件 库 , 以 及 基于 Web 控件 库 的 应 用 
程序 。 


9. 控制 台 应 用 程序 


控制 台 应 用 程序 是 一 种 简单 而 传统 的 程序 形式 ,通常 是 字符 型 界面 ,可 编译 为 独立 的 可 
执行 文件 ,通过 命令 行 运 行 , 在 字符 界面 上 输入 /输出 。 


10. Windows 服务 


Windows 服务 是 服务 器 端的 Windows 应 用 程序 ,因为 在 服务 器 上 运行 ,要 响应 客户 端 
的 请 求 ,所 以 它 可 能 被 要 求 长 时 间 运 行 , 应 该 具有 启动 .暂停 、 重 启动 以 及 处 理 和 其 他 程序 关 
系 的 功能 。 


fs.4 从 ASP 过 渡 到 ASP. NET 


1996 年 ,Microsoft 在 其 Web 服务 器 IIS 3.0 中 引入 了 ASP 脚本 技术 ,如 和 人们 熟悉 的 脚 
本 VBScript 和 JavaScript。 借 助 于 微软 的 工具 ,ASP 迅速 成 为 在 Windows 下 Web 服务 端 
的 主流 开发 技术 。 

早期 的 ASP 是 IIS 的 一 种 开放 式 、 无 须 编译 的 应 用 环境 。ASP 程序 是 解释 执行 ,在 这 
个 环境 中 ,所 有 的 程序 在 每 次 访问 时 ,都 需要 IIS 进行 一 次 解释 ,客户 端 才 会 得 到 一 个 执行 
结果 。 

在 ASP. NET 中 ,所 有 的 程序 在 执行 前 都 是 经 过 服务 器 编译 的 ,这 一 点 是 ASP. NET 
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和 ASP 的 最 大 区 别 。ASP. NET 在 程序 执行 的 效率 上 也 有 很 大 的 提高 ,许多 功能 是 ASP 
无 法 达到 的 。 
项 目 案例 : ASP. NET 中 的 Hello World 程序 。 
【题目 】 Hello World 程序 。 


【代码 】 
// 这 是 用 C# 编写 的 一 个 简单 的 Hello World 程序 
using System; // 导 入 System 命名 空间 
namespace Notepad // 声 明 命名 空间 Notepad 
{ 

class HelloWorld // 声 明 HelloWorld 类 


{ 
public static void Main() // 程 序 和 人口 点 , Main 的 返回 类 型 为 void 
{ 
Console. WriteLine("Hello World" ); // 控 制 台 类 的 writeLine() 方法 用 于 显示 输出 结果 
} 
} 
} // 将 文件 保存 为 HelloWorld. cs 


【显示 】 
配置 命令 提示 符 以 执行 .NET 控制 台 程 序 , 如 图 13-3 所 示 。 


INNT\system32\cmd.exe 


=:\Progran Piles\Microsoft Uisual Studio .NET 2883\SDK\v1.1\Binsdkvars 


=\Progran Piles\Microsoft Uisual Studio .NET 2883\SDK\v1.1\Bin>Set Path=C:\Pro ed | 
lram Files\Microsoft Uisual Studio .NET 2883\SDK\v1 .1\Bin\;C:\WINNI\Microsoft.N] 
amework\v1 .1.4322\;C:\Program Files\Microsoft Uisual Studio .NET 2883\Uc7S\hin 
5 Rn Fijes\Microsoft Visual Studio -NET 2983: \Common?7\IDEN;C:\WINNI\syste 
‘WINNT ;5C: NVINNI\NSystem32\\hen;C:\Program Files\Microsoft SQL Server\80\Too 


=:\Program Piles\Microsoft Uisual Studio .NET 28863\SDK\v1.1\BinSet LIB=C:\Progr 

am Files\Microsoft Uisual Studio .NET 2883\Uc7\lib\;"C:\Program Files\Microsoft 

ee Studio .NET 2663\SDK\v1.1\Lib\";C:\Program Files\Microsoft Visual Studio 
NET 2883\SDK\v1 -1NLihN 


=:\Program Files\Microsoft Uisual Studio .NET 2883\SDK\v1.1\Bin>Set INCLUDE=C:\P 
rogram Files\Microsoft Uisual Studio .NET 2863\Uc?7\inc lude\;" "C:\Programn Piles\Mi 
rosoft Visual Studio .NET 2883\SDK\vi.i\include\";C:\Program Files\Microsoft Vi 
ual Studio .NET 28863\SDK\vi -liNincludeN 


repeat Files\Microsoft Uisual Studio .NET 2863\SDK\v1.1\Bin>Set NetSamplePat 
=C:\P] NMICROS “1 .NET\SDK\v1 .1N 国 


图 13-3 .NET 控制 台 的 编译 和 执行 


(13,5 本 章 小 结 


.NET Framework 由 . NET Framework 类 库 和 公共 语言 运行 时 两 个 主要 组 件 组 成 。 
CLR 是 管理 用 户 代码 执行 的 现代 运行 时 环境 , 它 提供 JIT 编译 、 内 存 管理 ,异常 管理 和 调 
试 等 方面 的 服务 。CTS 定 义 声明 .定义 和 管理 所 有 类 型 所 遵循 的 规则 ,而 无 须 考虑 源 语 
言 ,'CLS 是 所 有 针对 .NET 的 编译 器 都 必须 支持 的 一 组 最 低 标准 ,以 确保 语言 的 互 操 
作 性 。 


fs.6 思考 与 练习 


1 
2 
3. 
4 
5 
6 


. 什么 是 Web 服务 器 ? 

. .NET 核心 技术 有 哪些 ? 

公共 语言 运行 时 有 哪些 功能 ? 

. .NET 类 库 中 有 哪些 主要 内 容 ? 

. ASP 和 ASP. NET 的 主要 区 别 是 什么 ? 
. .NET 应 用 开发 主要 有 哪些 方面 ? 
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如 今 越 来 越 多 的 企业 开始 建立 自己 的 网 站 ,网 站 除了 具有 传播 信息 的 功能 外 ,还 往往 代 
表 企业 的 形象 。 网 站 建设 商业 化 和 广告 化 的 趋势 ,对 网 页 设计 的 艺术 性 提出 了 更 高 的 要 
求 。 虽 然 HTML 语言 提供 了 对 常用 Windows 标准 控件 的 支持 ,但 是 由 于 Windows 标准 
控件 的 形状 和 颜色 十 分 单一 ,网 页 的 视觉 效果 可 能 会 很 差 。 因 此 有 必要 实现 网 页 中 的 控 
件 自 定义 . 更 加 合理 的 结构 布局 ,更 加 人 性 化 的 视觉 效果 ,更 加 便捷 的 操作 模式 等 ,以 满 
足 网 页 设计 艺术 化 .人 性 化 的 要 求 。 于 是 ,网 页 交互 界面 设计 规划 在 实际 项 目 中 变 得 越 
来 越 重 要 了 。 

学 习 目标 及 要 求 

(1) 掌握 网 站 的 界面 设计 技巧 。 

(2) 熟悉 常用 网 页 版 式 设计 。 

(3) 能 够 独立 运用 色彩 进行 界面 设计 。 

(4) 掌握 网 站 的 测试 方法 。 

(5) 了 解 域名 的 种 类 和 申请 方法 。 

(6) 能 够 简单 地 推广 自己 的 网 站 。 


fa 网 站 设计 


网 站 设计 包括 网 站 使 用 的 人 机 分 析 、 界 面 的 可 用 性 设计 、 用 户 设计 、 色 彩 视觉 设计 、 网 页 
版 式 设计 等 内 容 。 


14.1.1 界面 设计 


在 网 页 界面 设计 方面 ,设计 师 应 该 考虑 使 用 的 便利 性 和 视觉 效果 这 两 方面 的 问题 。 主 
要 内 容 应 该 设计 在 引 人 注 目的 地 方 ,所 有 操作 性 按钮 位 置 应 该 科学 ,使 用 户 容易 操作 ; 同 
时 ,要 考虑 符合 网 站 主体 的 色彩 ,去 除 不 必要 的 内 容 。 

界面 设计 的 要 点 。 

。 醒目 性 : 吸引 用 户 的 注意 力 , 起 到 宣传 的 效果 。 

。 可 读 性 : 网 站 的 内 容 通 俗 易 懂 。 

。 鲜 明 性 : 主题 准确 、 快 速 传达 网 站 的 构成 内 容 。 
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。 造型 性 : 维持 整体 外 型 上 的 稳定 感 和 均衡 性 。 
。 创造 性 : 有 鲜明 个 性 和 好 的 创意 。 


1. 导航 


导航 是 最 早出 现在 网 页 上 的 页 面 元 素 之 一 。 导 航 就 好 像 一 本 书 的 目录 , 先 有 章 ,而 后 是 
节 , 再 就 是 小 节 。 导 航 既 是 网 站 路 标 , 又 是 分 类 名 称 ,十 分 重要 。 导 航 栏 应 放置 到 明显 的 页 
面 位 置 ,让 浏览 者 在 第 一 时 间 内 看 到 它 并 作出 判断 ,确定 要 进入 哪个 栏目 中 去 搜索 他 们 所 要 
的 信息 。 

导航 栏 可 分 为 横 排 导航 、 竖 排 导 航 、 多 排 导航 、 图 片 式 导航 、Frame 框架 快捷 导航 、Jump 
Menu 下 拉 菜 单 .隐藏 式 导航 ,甚至 还 可 以 是 动态 效果 的 Flash 导航 等 。 


2. Logo 标志 


Logo 是 标志 、 标 识 。Logo 的 位 置 通常 在 页 面 的 左上 角 , 但 它 不 是 一 成 不 变 的 。 页 面 设 
计 的 个 性 化 发 展 ,需要 设计 师 们 的 思考 和 定位 ,才能 设计 出 个 性 的 Logo 标志 。 
常见 的 Logo 位 置 图 如 图 14-1 所 示 。 


logo 


(b) 中 部 型 


1 os 
loao 一 


(0) 底部 型 


图 14-1 Logo 位 置 图 


245 


MA 


246。 ”动态 网 站 设计 与 开发 实用 教程 


A 


顶端 型 如 图 14-2 所 示 ; 中 部 型 如 图 14-3 所 示 ; 底部 型 如 图 14-4 所 示 。 


O6roanerem 
Ceeyowe Pen 
Popy™ 


图 14-3 中 部 型 


3. 背景 图 


背景 图 的 添加 可 以 大 大 增加 网 站 的 整体 效果 ,更 加 吸引 人 们 的 眼球 。 根 据 优秀 网 站 的 
设计 特点 ,总结 出 以 下 背景 效果 。 

1) 渐变 色 背 景 

某 留学 网 站 的 官方 站 点 如 图 14-5 所 示 ,页 面 设计 清爽 大方。 页面 的 主要 效果 来 自 网 
站 背景 图 ,该 背景 图 是 由 蓝 色 渐 变 到 白色 ,虽然 没有 蓝天 白云 ,但 是 处 处 体现 出 蓝 色 天 空 的 
感觉 , 紧 扣 主题 ,色彩 也 十 分 鲜亮 ,使 人 感觉 清爽 ,感官 愉悦 。 
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图 14-4 底部 型 
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2) 图 片 背 景 

为 了 突出 网 页 设计 的 个 性 化 ,很 多 网 站 甚至 用 整 张 图 片 作为 背景 ,如 图 14-6 所 示 。 在 使 
日 整 张 图 片 做 背景 时 ,一 方面 一 定 要 把 下 载 速度 考虑 进去 ,网 页 不 能 承受 大 于 100KB 的 背景 
图 片 ; 另 一 方面 ,不 能 因 顾 鼠 到 下 载 速度 而 不 断 地 压缩 图 片 ,否则 图 片 模糊 会 影响 页 面 效 果 。 

为 了 不 违反 原 设计 意图 ,在 保证 图 片 清晰 的 情况 下 ,可 以 从 以 下 几 方 面 从 制作 上 优化 
网 页 : 
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图 14-6 汽车 网 站 


把 大 的 背景 分 割 ,不 需要 的 部 分 省 去 , 另 一 部 分 可 以 换 成 表格 背景 ,分 开 插 入 页 面 


当中 。 
。 注意 到 页 面 的 长 度 ,考虑 好 是 否 可 以 重复 使 用 图 片 , 以 及 是 以 X、Y 哪个 轴 重 复 
图 片 。 


单 色 的 地 方 可 以 使 用 表格 背景 色 填充 。 有 文字 的 地 方 可 以 考虑 不 做 在 图 片 里 ,这 样 
压缩 图 片 的 时 候 就 能 选择 . jpg 格式 ,不 用 担心 文字 压缩 时 会 模糊 ,图 片 的 字 节 数 应 
该 会 小 一 些 。 
使 用 CSS 来 控制 背景 图 在 制作 上 会 比较 规范 。 

注意 : 若 图 片上 含有 文字 ,这 些 文字 一 定 要 清晰 。 模 糊 的 文字 会 降低 视觉 效果 。 含 有 
文字 的 图 片 尽量 保存 为 . gif 格式 和 . png 格式 ,或 者 高 质量 的 .jpg 格式 。 


4. 文字 


互联 网 是 一 个 很 大 的 信息 
主要 组 成 元 素 之 一 。 针 对 不 
文字 的 设计 。 

1) 字号 的 选择 和 信息 文字 的 排版 设计 

信息 文字 的 编排 设计 主要 包括 大 标题 .小 标题 ,图片 说 明文 ,内 文 版 式 设计 等 ,应 注意 以 
下 几 点: 

(1) 每 一 行文 字 的 长 度 最 好 为 20 一 30 个 中 文字 (或 40 一 60 个 英文 字母 ) 。 

(2) 行距 与 字 距 已 由 软件 内 定 。 设 计 者 可 以 利用 段落 与 段落 间 空 行 及 首 行 缩 排 方 式 来 
辅助 阅读 。 

(3) 标题 以 Hl 到 H3 为 佳 ,内 文字 体 以 3 一 4 级 为 佳 。 

(4) 同 版 面 字 型 最 好 在 3 种 字 型 以 内 。 


空间 ,而 信息 主要 是 以 文字 形式 展现 的 。 文 字 是 页 面 的 
同 需 要 .选择 不 同 的 字体 、 字 号 、 内 文 编排 和 版 式 设计 等 ,都 属于 
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(5) 文字 的 颜色 最 好 在 3 种 颜色 以 内 。 文 字 在 颜色 上 要 与 背景 区 分 。 

(6) 内 文 排列 向 左 对 齐 并 与 左边 界 保持 适当 距离 ,可 以 利用 表格 填 人 文字 以 达到 此 效 
果 。 当 然 ,根据 诗 文 页 面 的 美观 要 求 ,也 可 以 向 右 对 齐 ,网 页 设计 可 以 更 自由 。 

(7) 标题 字数 宜 少 , 排 在 同一 行 ,字数 少 则 字 可 大 , 行 可 短 , 题 意 能 在 一 瞬间 即 进入 人 们 
脑海 。 

(8) 内 文中 欲 引 人 注 意 的 重点 ,可 用 与 内 文 同 大 小 之 斜体 字 或 较 粗 的 字体 ,或 加 下 划 
线 。 利 用 CSS 可 以 有 多 种 方式 注 标 强调 点 。 

(9) 图 片 说 明 应 靠近 它 所 说 明 的 图 片 ,与 该 图 合 二 为 一 。 

(10) 可 利用 空 行 . 画 线条 或 装饰 线 分 隔 不 同类 型 的 内 文 。 最 好 配合 网 页 设计 的 风格 来 
选择 合适 的 装饰 线 , 不 要 太 过 俗气 ,和 否则 影响 页 面 效 果 。 

(11) 首 字 处 理 可 为 版 面 带 来 图 案 的 趣味 ,同时 不 要 太 过 夸张 。 

(12) 不 同性 质 的 内 文 ,例如 问题 与 解答 ,可 分 别 采 用 不 同 字体 或 颜色 。 

2) 字体 的 选择 

中 文字 体 的 运用 也 如 英文 字体 一 样 ,要 考虑 中 文字 体 的 个 性 情感 问题 。 方 正字 库 ,微软 
字库 , 汉 仪 字库 ,经 典 字 库 都 是 很 不 错 的 。 字 体 不 宜 太 花哨 ,尽量 不 要 使 用 太 过 个 性 的 字体 。 
如 文 易 的 一 些 字体 ,会 显得 轻浮 和 夸张 , 且 不 美观 。 也 不 要 认为 最 常见 的 宋体 没有 魅力 ,在 
Banner 中 或 在 平面 图 片 中 运用 粗 宋体 、 老 宋体 等 ,编排 起 来 都 会 非常 和 谐 大 方 。 

3) 字体 的 搭配 

网 上 有 很 多 中 英文 免费 字体 可 以 下 载 , 设 计 者 的 计算 机 里 通常 也 会 装 有 上 百 种 特殊 字 
体 。 欲 从 繁多 的 字体 中 选择 出 几 种 搭配 运用 ,使 画面 美观 且 阅 读 容易 ,需要 注意 以 下 几 点 
原则 : 

(1) 大 标题 ,小 内 文 。 利 用 字体 大 小 的 差异 ,表现 标题 及 内 文 不 同 的 重要 程度 。 

(2) 粗 标 题 , 细 内 文 。 标 题 要 粗 , 以 最 快 的 速度 吸引 人 的 注意 。 

(3) 字体 少 , 字 型 少 。 同 一 页 面 内 采用 的 字体 宜 在 3 种 以 内 。 

(4) 字体 与 网 站 内 容 相 配合 。 着 重 理性 类 网 站 宜 采 用 较 冷静 理智 的 方正 型 字体 ,如 黑 
体 、 圆 体 ; 感性 类 网 站 不 妨 用 较 具 变化 感 的 字体 。 

4) 字 族 的 运用 

字 族 就 是 以 某 种 字 型 为 蓝本 ,将 之 变化 为 一 组 字体 ,它们 有 一 个 总 称 。 例 如 ,“ 黑 体 ” 字 
族 有 细 黑 ,中 黑 、 粗 黑 、 特 黑 、 超 黑 、 反 白 立 体 、 长 黑 . 平 黑 、 斜 黑 , 但 笔画 形状 都 互相 类 似 。 页 
面 可 采用 同一 字 族 内 多 种 不 同 字体 来 制造 变化 。 字 体 间 的 相似 性 能 让 页 面 产生 整个 字体 的 
印象 ,字体 间 的 小 差异 也 能 使 页 面 显得 精致 而 有 活力 。 

5) 字 的 变形 设计 

计算 机 制作 网 页 图 片 时 ,可 以 在 计算 机 上 利用 变形 指令 来 改变 字形 ,把 原本 正方 形 的 文 
字 变 形成 矮 胖 ,瘦长 或 牌 斜 。 将 字 拉扯 挤 压 , 做 不 规则 的 变形 ,这 种 变形 字 很 难 做 到 美观 , 因 
此 一 般 设 计 上 并 不 使 用 。 


14.1.2 网 页 版 式 设 计 


界面 交互 主要 集中 在 人 机 操作 方面 。 一 个 成 功 的 主页 ,单纯 的 美观 是 不 够 的 ,重要 的 是 
网 页 版 式 的 设计 。 
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布局 的 构成 原则 上 是 : 统一 协调 ,流动 .强调 均衡。 

网 页 设计 不 是 仅仅 使 用 户 在 显示 器 上 看 到 漂亮 的 装饰 性 画面 那么 简单 。 比 起 华丽 的 画 
面 装饰 ,网 页 设计 应 该 在 更 有 效 地 传达 信息 方面 多 下 些 工 夫 。 这 必须 有 对 布局 设计 和 色彩 
的 正确 理解 和 相关 知识 ,要 熟知 网 页 物理 系统 的 特性 ,并 具备 应 对 各 种 情况 的 能 力 。 在 具备 
人 性 化 界面 的 网 站 设计 中 ,我 们 不 难 发 现 其 表现 出 来 的 功能 性 和 自然 美 。 多 数 设 计 得 比较 
好 的 网 站 都 考虑 了 多 媒体 的 特性 ,色彩 设计 和 信息 按照 一 定 的 秩序 排列 ,能 更 有 效 地 向 用 户 
传达 内 容 。 

根据 目前 网 页 设计 现状 ,以 及 在 网 络 上 能 呈现 的 设计 条 件 ,可 以 把 网 页 框架 分 为 三 大 
类 : 分 栏 式 结构 、 区 域 排版 和 非 规律 的 页 面 排版 。 

分 栏 式 结构 和 区 域 排版 是 两 种 较 常见 的 基本 构架 形式 ,在 商业 网 页 设计 方面 有 较 广 泛 
的 应 用 ,同时 也 是 非 商业 网 页 设计 构架 的 首选 。 

分 栏 式 结构 也 可 以 称 为 竖 分 栏 。 这 是 一 种 超过 一 屏 半 ,把 页 面 从 上 到 下 分 割 为 几 列 构 
架 的 设计 结构 ,类似 于 新 浪 (sina. com. cn) 的 页 面 骨架 设计 。 分 栏 式 结构 是 竖 长 方形 页 面 的 
框架 。 

区 域 编排 利用 辅助 线 、 插 图 、 色 彩 把 网 页 平面 分 为 几 个 规则 的 或 不 规则 的 区 域 。 这 种 网 
页 框架 笼统 称 为 区 块 分 布 式 结构 ,也 叫做 区 域 编排 式 结 构 设 计 。 横 向 割断 分 栏 式 结构 ,就 可 
以 变 成 区 域 排版 ,所 以 也 可 以 称 区 域 排版 为 分 栏 结 构 的 变异 。 

区 域 编排 的 结构 灵活 、 变 化 多 ,通常 可 利用 颜色 线条 ,文字 的 断口 或 插图 的 变换 等 手段 
来 划分 区 域 。 划 分 出 来 的 区 域 的 大 小 、 形 式 都 可 以 自行 定义 ,格局 则 变化 莫 测 。 

此 类 框架 适合 于 信息 量 小 、 信 息 源 有 规律 的 网 站 。 区 域 编排 不 适用 于 门户 开放 式 站 点 
和 信息 交错 紧密 的 站 点 ,比较 适用 于 企业 站 点 和 产品 单一 的 电子 商务 类 站 点 ,以 及 对 页 面 要 
求 较 高 .信息 流通 量 小 的 专业 性 信息 站 点 。 

以 下 列 出 几 个 较 好 的 素材 网 站 站 点 , 供 大 家 学 习 查 阅 参考 。 

Kit(http://www. flashkit. com): 国际 最 著名 的 flashkit, 资源 较 多 ,教学 ,代码 
全 面 。 

ultrashock(http://www. ultrashock. com/): 提供 Flash 的 资讯 /高 级 教程 和 高 级 
源 文件 ,讨论 区 是 最 酷 的 vbb, 里 面 的 版 主 都 是 知名 的 多 媒体 设计 师 。 

韩国 素材 网 (www. krwz. com); 专业 的 韩国 素材 网 站 ,里 面 内 容 涵 盖 网 站 、 界 面 设 
计 等 内 容 。 

。 素材 中 国 (www. sccnn. com/ ) : 提供 平面 素材 、 网 页 素材 的 网 站 。 

。 闪 容 帝国 (http://www. flashempire. com) : 业内 新 闻 ,动态 排行 .技术 支持 等 。 

闪 容 天 空 (http://www. flashsky. com) : 源 代码 非常 多 ,便于 下 载 学 习 。 


14.1.3 色彩 设计 


网 页 色彩 是 设计 色彩 中 的 一 种 。 无 论 是 单个 页 面 的 色彩 搭配 ,还 是 整个 网 站 的 色彩 设 
计 , 首 先 要 确定 主体 色 ( 主 色调 )。 主 体 色 可 以 是 一 种 ,也 可 以 是 几 种 。 通 常 我 们 形容 一 个 页 
面 的 颜色 时 会 这 样 说 : 榕树 下 (http://www. rongshuxia. com) 是 绿色 的 ; 腾讯 (http:// 
www. qq. com) 是 蓝 色 的 ; 新 浪 (http://www. sina. com. cn) 是 黄色 的 ; 而 雅虎 (http:// 
www. yahoo. com ) 是 白色 的 。 
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例如 , 某 商务 网 站 如 图 14-7 所 示 , 其 主体 色 为 黑色 ,整个 页 面 是 由 由 浅 及 深 的 黑色 组 成 
是 照相 机 ,网 站 整体 色彩 采用 照相 机 的 颜色 一 一 黑色 , 配 上 人 物 照 
吉 合 ,空间 感 极 好 。 整 个 页 面色 彩 感 


日 ， 代 


的 。 该 网 站 的 主要 卖点 
片 ,凸显 出 动感 .时尚 。 网 站 下 端 为 白色 ,整个 画面 虚实 颖 
觉 典 雅 古 色 古 味 , 既 展示 了 相机 的 魅力 ,又 体现 出 动感 的 元 素 , 与 照相 机 配合 起 来 十 分 


贴切 。 


Lorerr /PSUrT 
Dolor Sit Amet 


SON FXLENENLER 3 


Fotograflariniz 


BlzdenHaberler Hizmetlerimiz 
Buradal 


图 14-7 照相 机 网 站 


1. 色彩 的 三 要 素 

明度 、 色 相 、 彩 度 是 构成 色彩 关系 的 3 个 最 基本 的 要 素 。 了 解 色彩 的 基本 概念 和 规律 ， 
有 助 于 我 们 进行 实用 色彩 设计 。 
色相 即 每 种 色彩 的 相貌 、 名 称 。 如 红 ,橘红 、 浴 绿 、 湖 蓝 、 群 青 等 。 色 相 是 区 分 色彩 的 主 


要 依据 。 
明度 即 色彩 的 明暗 差别 , 即 深浅 差别 。 色 彩 的 明度 差别 包括 两 个 方面 : 一 是 指 某 一 色 
相 的 深浅 变化 ,如 粉红 .大红 、 深 红 , 都 是 红 , 但 一 种 比 一 种 深 ; 二 是 指 不 同色 相间 存在 的 明 
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度 差别 ,如 六 标准 色 中 黄色 最 浅 ,紫色 最 深 , 橙 色 和 绿色 ` 红 色 和 蓝 色 处 于 相近 的 明度 之 间 。 

纯度 即 各 色彩 中 包含 的 单 种 标准 色 成 分 的 多 少 。 纯 的 颜色 色 感 强 ,所 以 纯度 亦 是 色彩 
感觉 强 弱 的 标志 。 不 同色 相 所 能 达到 的 纯度 是 不 同 的 ,其 中 ,红色 纯度 最 高 ,绿色 纯度 相 
对 低 。 

ts 棱镜 的 折射 ,可 分 解 成 红 、 得、 黄 、 绿 、 青 、 蓝 、 紫 7 种 颜色 。 在 这 7 种 光谱 色 
中 , 红 、 黄 、 青 是 3 个 最 基本 的 色彩 , 称 为 “三 原色 ”或 叫 “ 第 一 次 
色 ”。 用 过量 种 加 加 滑 本 帮 网 的 包 并 认为。 间 色 ”或 叫 * 二 次 色 ”, 由 
二 次 色调 配 而 成 的 色彩 称 为 “ 复 色 "或 叫 " 三 次 色 ”。 由 三 原色 , 间 
色 、 复 色 组 成 一 个 过 渡 自 然 的 色相 环 是 基本 的 色相 ,如 图 14-8 
所 示 。 

明度 的 变化 往往 通过 区 分 其 色 阶 来 表示 ,从 白 到 黑 , 一 般 分 
为 9 元 或 13 阶 。 明 度 分 成 3 组 ,可 表示 为 高 明度 、 中 间 明 度 和 低 
0 各 个 色彩 的 彩 度 各 不 相同 ,明度 也 不 同 。 度 的 色彩 加 

、 加 黑 或 加 其 他 低 纯 度 的 灰色 ,都 会 降低 它们 的 彩 度 。 黑 、 白 、 灰 只 有 明度 的 差别 ,没有 彩 
和 在 配色 中 常常 将 这 3 种 无 彩色 作为 调和 、 区 隔 的 因素 来 使 用 。 


图 14-8 三 原色 色 环 


2. 色彩 对 比 关系 


色彩 对 比 强 弱 取决 于 色相 环 上 的 距离 (角度 ) ,距离 (角度 ) 越 小 对 比 越 弱 , 反 之 则 对 比 越 
强 , 如 图 14-9 所 示 。 


图 14-9 色 环 的 强 弱 对 比 


1) 明度 对 比 

明度 对 比 是 所 有 色彩 对 比 的 基础 ,是 决定 画面 情调 ,作品 风格 的 重要 因素 。 要 区 分 无 彩 
色 和 同 种 色 比 较 容易 ,而 要 区 别 不 同色 彩 之 间 的 明度 差 要 困难 些 。 在 以 明度 为 基准 配色 时 ， 
明度 对 比 强 则 视 敏 度 高 ,画面 清晰 明朗 ; 明度 对 比 弱 则 视 敏 度 低 ,画面 形象 模糊 不 清 , 或 显 
得 柔和 暧昧 ; 明度 对 比 太 强 时 则 使 色彩 层次 两 极 分 化 , 带 有 强烈 的 刺激 性 ,有 时 也 会 显得 
单调 。 
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2) 色相 对 比 

因为 色相 差异 而 产生 的 对 比 称 为 色相 对 比 。 在 色相 环 中 任何 两 种 以 上 色相 的 配置 都 会 
产生 对 比 作用 。 对 比 的 强 弱 与 色彩 的 相对 位 置 和 距离 有 关 , 在 色 轮 中 邻近 色相 的 对 比较 弱 ， 
对 比 最 强 的 是 180 补 色 对 比 。 例 如 红 与 绿 的 对 比 , 白 与 黑 的 对 比 。 

3) 彩 度 (纯度 ) 对 比 

因为 彩 度 差异 而 产生 的 对 比 称 为 彩 度 ( 纯 度 ) 对 比 。 彩 度 是 色相 的 彩 度 , 人 们 的 眼睛 在 
感觉 不 同色 相 时 所 能 区 分 的 彩 度 是 不 同 的 。 高 彩 度 (纯度 ) 的 色相 明确 、 鲜 艳 、 纯 净 , 低 彩 度 
(纯度 ) 的 色相 含蓄 、 柔 和 。 

4) 面积 对 比 

色彩 的 面积 对 比 是 指 各 色相 间 在 搭配 时 的 大 小 、 主 宾 对 比 关 系 。 对 同 面积 的 黄色 和 楷 
色 来 说 ,其 色彩 是 有 很 大 差异 的 ,黄色 显 轻 , 有 前 进 感 ; 而 紫色 显 重 ,有 后 退 感 。 在 配色 时 ， 
为 了 求 得 页 面 的 主 色调 ,常用 面积 大 的 色彩 或 色彩 组 合 来 起 作用 ,起 到 统帅 主 调 的 效果 ,这 
种 以 色彩 为 主 的 配色 就 是 面积 对 比 的 方法 。 

5) 补 色 对 比 

补 色 对 比 是 一 种 特殊 的 色相 对 比 。 在 色 轮 中 任何 一 种 原色 ( 红 、 黄 、 蓝 ) 与 其 男 外 两 个 原 
色 之 间 色 的 对 比 称 为 补 色 对 比 。 补 色 对 比 是 最 强烈 的 对 比 ,在 设计 中 采用 这 种 对 比 的 配色 
能 鲜明 地 突出 传达 的 主题 和 个 性 , 视 敏 度 很 强 。 

6) 冷暖 对 比 

冷暖 对 比 是 指 两 种 不 同色 性 系列 在 配色 中 的 对 比 关系 ,以 红色 代表 暖色 系列 ,以 蓝 色 代 
表 冷 色 系列 ,但 在 实际 的 配色 中 这 种 冷暖 对 比 的 关系 有 时 是 明确 的 ,有 时 只 是 同 种 色 在 彩 度 
上 的 差异 或 同类 色 在 色彩 倾向 性 上 的 微妙 差异 。 把 握 冷 暧 对 比 的 分 寸 对 准确 传达 信息 主题 
有 不 可 忽视 的 重要 性 。 

【案例 分 析 】 

(1) 美体 饮食 网 站 。 

美体 饮食 网 站 如 图 14-10 所 示 ,采用 柔和 的 色彩 体现 出 美食 与 美体 之 间 的 关系 。 


图 14-10 美体 饮食 网 站 
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美体 饮食 网 站 的 色相 对 比 关系 分 析 如 图 14-11 所 示 。 


配色 方案 : 对 比 色 色相 区 别 明暗 区 别 饱和 度 
1 产品 陋 1 产品 加 本 天 加 加 ms 
2 标题 加 加 2 标题 加 吕 
3 描述 攻关 3 描述 国 国 
4 图 案 eel 4 图 案 | 
5 主 色 5 主 色 口 


图 14-11 美体 饮食 网 站 色相 对 比 关系 


(2) 音乐 盛典 网 站 。 
音乐 盛典 网 站 如 图 14-12 所 示 ,用 明亮 的 蓝 色 表达 出 动感 的 音乐 ,人 物 背 景 对 比 鲜明 。 


图 14-12 音乐 盛典 网 站 


音乐 盛典 网 站 的 色相 对 比 关系 分 析 如 图 14-13 所 示 。 


配色 方案 : 对 比 色 色相 区 别 明暗 区 别 人 饱和 度 
产品 国 国 大 1 产品 一 器 
2 标题 2 标题 加 
3 描述 国 国 3 描述 国生 
4 轩 宋 于 1 加 量 国 因 大 国 天 

天 本 ;二 色 国 田 5 士 色 加 


图 14-13 音乐 盛典 网 站 色相 对 比 关 系 


(3) 游戏 网 站 。 
游戏 网 站 如 图 14-14 所 示 , 采 用 墨绿 色 和 黑色 体现 出 神秘 、 魔 幻 的 感觉 ,符合 网 站 的 


游戏 网 站 的 色相 对 比 关 系 分 析 如 图 14-15 所 示 。 
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图 14-14 游 


配色 方案 : 互补 色 色相 区 别 

( 广 品 国 国 

2 标题 

3 描述 

Ea | | 
EU 


图 14-15 ”游戏 网 站 


3. 色彩 的 心理 感受 


色彩 的 心理 感受 是 指 视觉 对 色彩 的 反应 , 随 


戏 网 站 


饱和 度 


明暗 区 别 

1 产品 国生 

2 标题 

3 描述 

HE | 
5 主 色 国 国 


色相 对 比分 析 
受 色 彩 的 明度 及 彩 


外 在 环境 而 改变 。 视 觉 


度 的 影响 ,会 产生 冷暖 轻重、 远近、 胀 缩 \ 动 静 等 不 同感 受 与 联想 。 色 彩 就 本 质 而 言 , 并 无 感 
情 , 而 是 人 们 在 生活 中 积累 的 普遍 经 验 的 作用 ,形成 人 们 对 色彩 的 心理 感受 。 

1) 红色 

具体 联想 : 火焰 .太阳 、 血 .红旗 、 羔 椒 。 

抽象 情感 : 热烈 青春 、 朝 气 \ 积 极 、 革 命 、 活 力 、 健 康 \ 温 上 暧 

2) 橙色 

具体 联想 ; 橘子 .柿子 、 秋 叶 。 

抽象 情感 : 快活 温情、 健康, 欢喜 ,和谐 、 任 性 .疑惑 。 

3) 黄色 

具体 联想 : 灯光 、 闪电、 黄金 .金发 . 香 攻 、 菠 葛 、 柠 檬 .蛋黄 、 枯 叶 、 银 杏 树 的 落叶 、 稻 穗 、 
黄 沙 。 

抽象 情感 : 轻快 .明快 朝气. 希望 ,快乐 .富贵 .轻薄 .未 成 熟 .刺激 。 

4) 绿色 


具体 联想 : 大 地 ,草原 .庄稼 、 森 林 、 蔬 菜 、 青 


忆 
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抽象 情感 : 自然、 健康、 成长. 新鲜、 安静 、 和 平 、 凉 爽 、 清 新 。 

5) 蓝 色 

具体 联想 : 天 空 海洋 、 水 。 

抽象 情感 : 沉静、 平静、 科技、 理智、 速度、 年 轻 、 青 年 寂寞 \ 冷 淡 \ 和 冥想 ,阴郁 ,诚实 、 真 
实 , 可 信 。 

6) 紫色 

具体 联想 : 葡萄 、 葛 小 。 

抽象 情感 : 优雅 高贵 细腻、 神秘 不 安定 。 

7) 黑色 

具体 联想 : 夜晚 .黑夜 . 黑 发 . 黑 烟 .乌鸦 煤炭 .阴暗 。 

抽象 情感 : 沉着 .厚重 ,老年 .古典 ,不 吉利 .悲哀 ` 绝 望 , 恐怖 死亡. 地狱, 心地 阴险 。 

8) 白色 

具体 联想 : 雪 、 云 、 雾 白 纸 、 白 布 、 天 鹅 。 

抽象 情感 : 纯洁 ,清白 ,纯粹 、 纯 真 、 清 净 、 明 快 、 和 平 ,轻薄 、 空 白 。 

9) 灰色 

具体 联想 : 水 泥 、 鼠 。 

抽象 情感 : 平凡 、 谦 和 、 失 意 、 中 庸 。 

常用 色彩 语言 的 一 般 意义 如 下 : 

(1) 红色 是 最 引 人 注 目的 色彩 ,具有 强烈 的 感染 力 。 它 是 火 的 色 、 血 的 色 , 象 征 热 情 、 喜 
庆 、 幸 福 , 又 象征 警觉 .危险 。 红 色色 感 刺激 强烈 ,在 色彩 配合 中 常 起 着 主 色 和 重要 的 色调 和 
对 比 用 途 , 是 使 用 得 最 多 的 颜色 。 

(2) 黄色 是 阳光 的 色彩 ,象征 光明 .希望 ,高贵 .愉快 。 浅 黄色 表示 柔弱, 灰 黄色 表示 病 
态 。 黄 色 在 纯色 中 明度 最 高 ,与 红色 色 系 的 颜色 配合 产生 辉煌 华丽 、 热 烈 喜 庆 的 效果 ,与 蓝 
色色 系 的 颜色 配合 产生 淡雅 宁静 .柔和 清爽 的 效果 。 

(3) 蓝 色 是 天 空 的 色彩 ,象征 和 平 、 安 静 、 纯 洁 、 理 智 , 又 有 消极 .冷淡 、 保 守 等 意味 。 蓝 
色 与 红 、 黄 等 颜色 运用 得 当 , 能 构成 和 谐 的 对 比 调和 关系 。 蓝 色 的 网 页 在 网 络 上 到 处 可 见 ， 
它 是 大 家 竞相 使 用 的 主要 颜色 之 一 。 为 了 能 够 在 众多 蓝 色 的 站 点 中 脱颖而出 ,配色 要 巧妙 ， 
设计 者 应 选择 不 同 的 蓝 色 ,尝试 新 的 搭配 。 

(4) 绿色 是 植物 的 色彩 ,象征 着 平静 与 安全 , 带 灰 褐 的 绿色 则 象征 着 衰老 和 终止 。 绿 色 
和 蓝 色 配合 显得 柔和 宁静 ,和 黄色 配合 显得 明快 清新 。 由 于 绿色 的 视 认 性 不 高 ,多 作为 陪衬 
的 中 性 色彩 运用 。 如 果 用 绿色 做 网 页 的 主 色调 ,注意 应 该 选择 墨绿 或 其 他 稳重 的 绿色 ,搭配 
黄色 等 用 以 调和 ,和 否则 会 感觉 轻浮 和 不 自然 。 

(5) 橙色 是 秋天 收获 的 颜色 ,鲜艳 的 橙色 比 红色 更 为 温暖 .华美 ,是 所 有 色彩 中 最 暖 的 
色彩 。 橙 色 象 征 快 乐 、 健 康 、 和 勇敢 。 

(6) 紫色 象征 优美 高贵、 尊严 , 另 一 方面 又 有 孤独 、 神 秘 等 意味 。 淡 紫色 有 高 雅 和 魔力 
的 感觉 , 深 紫色 则 有 沉重 、 庄 严 的 感觉 。 紫 色 与 红色 配合 显得 华丽 和 谐 , 与 蓝 色 配合 显得 华 
贵 低沉 ,与 绿色 配合 显得 热情 成 熟 。 这 些 色彩 运用 得 当 能 产生 新 颖 别致 的 效果 。 

(7) 黑色 是 暗色 ,是 明度 最 低 的 非 彩色 ,象征 力量 ,有 时 又 意味 着 不 吉祥 和 罪恶 。 黑 色 
和 许多 色彩 构成 良好 的 对 比 调和 关系 ,运用 范围 很 广 。 
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(8) 白色 是 表示 纯粹 与 洁白 的 颜色 ,象征 纯洁 、 朴 素 、 高 雅 等 。 作 为 非 彩色 的 极 色 , 白 色 
与 黑色 一 样 ,与 所 有 的 色彩 构成 明快 的 对 比 调和 关系 ,与 黑色 相配 , 则 构成 简洁 ,明确 、 朴 素 、 
有 力 的 效果 ,有 很 好 的 视觉 传达 能 力 。 

色彩 的 冷暖 感觉 一 般 是 由 色相 决定 的 ,如 火 一 样 的 红 、 柳 、 黄 等 色 , 会 使 人 产生 温暖 感 ， 
称 之 为 暖色 ; 像 水 一 样 的 蓝 色 、 蓝 绿色 或 倾向 于 蓝 、 蓝 绿色 称 为 冷色 ; 绿 和 紫 一 般 看 做 中 性 
色 , 但 如 果 它 们 倾向 于 蓝 , 就 可 归于 冷色 系列 ,倾向 于 红 、 黄 ,就 可 归于 暖色 系列 。 一 般 来 说 ， 
暖色 系列 的 色彩 较 易 使 人 感觉 温暖 ,冷色 系列 的 色彩 较 易 使 人 觉得 寒冷 。 

红 \ 橙 、 黄 等 暖色 系列 的 纯色 给 人 以 兴奋 感 , 易 表 现 快乐 的 情绪 。 蓝 、 蓝 绿 等 冷色 系 的 纯 
色 给 人 以 沉静 感 ,常常 使 人 联想 到 和 平 安静、 休息 和 生机 盘 然 。 它 还 是 一 种 使 人 镇 静 的 颜 
色 。 黑 白 对 比 强烈 的 色彩 给 人 以 紧张 感 , 灰 色 及 彩 度 低 的 色彩 给 人 和 谐 而 舒适 的 感受 。 

政府 ,一 部 分 企业 站 点 应 该 选择 沉静 一 些 的 配色 ,而 娱乐 、 体 育 等 站 点 则 应 该 倾向 于 兴 
奋 一 些 的 配色 。 


4. 色彩 设计 方法 与 技巧 


色彩 设计 的 一 般 程 序 如 下 : 

(1) 整理 和 收集 资料 。 要 使 色彩 设计 有 较 强 的 目的 性 和 针对 性 ,力求 避免 许多 习惯 的 、 
用 之 过 多 的 配色 手法 ,应 充分 发 挥 色彩 的 信息 传达 功能 ,( 产 品类 、 企 业 类 网 站 ) 可 广泛 收集 
与 商品 竞争 商品 .消费 者 生活 习惯 文化 传统 ,心理 期 望 等 有 关 的 资料 和 网 站 ,并 根据 商品 
的 市 场 目 标 情况 进行 分 类 整理 ,以 获得 必要 的 信息 。 

(2) 分 析 审 视 宣传 主题 ,选择 合理 的 色彩 表现 方法 。 如 何 把 握 你 所 要 表达 的 主题 ,以 色 
彩 的 语言 传达 和 强化 这 一 主题 , 需 经 过 认真 的 审视 和 推 殴 。 在 这 一 过 程 中 色彩 本 身 不 只 是 
被 动 地 陈述 ,完全 能 够 利用 其 独特 的 语言 优势 进行 再 创造 、 再 提高 ,以 强化 网 站 的 主题 和 风 
格 ,使 受众 留 下 长 久 的 、 难 以 遗忘 的 深刻 印象 。 对 主题 的 内 容 和 精神 的 分 析 和 理解 ,也 不 能 
建立 在 经 验 的 基础 上 ,应 该 以 创新 为 基点 。 

一 般 来 说 ,网 站 主题 的 特点 是 可 以 类 型 化 的 ,可 分 为 以 说 理 为 主 的 或 以 感情 诉求 为 主 
的 ; 可 分 为 以 传统 文化 为 背景 的 或 以 时 代 风 尚 为 背景 的 ; 也 可 分 为 以 消费 观念 为 前 提 的 或 
以 生活 习性 为 前 提 的 ; 还 可 分 为 以 消费 对 象 为 主体 的 或 以 商品 功能 .特色 和 意义 为 主体 的 
多 种 选择 。 网 站 宣传 的 主题 一 经 确认 ,色彩 表现 的 方向 就 基本 明确 了 。 

对 于 个 人 主页 情感 类 的 网 站 ,就 更 加 需要 强化 这 一 环节 。 色 彩 独特 的 感染 力 会 左右 和 
主导 网 站 的 整体 风格 。 

(3) 选择 合理 的 色彩 配置 方法 。 色 彩 配置 的 方法 有 多 种 ,在 确认 表现 主题 后 ,可 根据 实 
际 情况 进行 选择 。 可 以 依据 主题 表现 的 重点 进行 配色 ,如 理性 的 或 感性 的 色彩 搭配 、 色 调和 
风格 的 选择 ; 是 强调 商品 色 还 是 强调 情绪 色 ; 是 强调 一 贯 色 还 是 强调 流行 趋势 。 可 以 色相 
为 主 进行 配色 ,也 可 以 色彩 的 明度 或 彩 度 为 主 进行 配色 。 

(4) 调整 色彩 的 细微 关系 。 调 整 阶段 的 主要 任务 是 以 总 体 特征 为 依据 ,进一步 推荐 色 
彩 的 各 种 关系 ,如 色调 、 色 相 、 明 度 、 彩 度 、 色 性 、 面 积 比 、 空 间 关 系 、 位 置 关 系 等 ,使 色彩 的 配 
置 能 准确 、 完 整地 传达 信息 ,烘托 气氛 。 以 “商品 色 ” 为 依据 的 配色 即 所 谓 的 “商品 色 ” 是 指 某 
些 或 某 类 商品 在 消费 者 的 心目 中 已 经 形成 的 .固定 不 变 的 色彩 形象 。 在 长 期 的 广告 宣传 作 
用 下 , 某 些 商 品 的 包装 、 色 彩 等 外 观 形 态 已 经 与 商品 的 内 在 特性 融 为 一 体 ,成 为 不 可 分 离 的 


动态 网 站 设计 与 开发 实用 教程 


基本 特征 。 以 色彩 调子 为 基础 的 配色 ,色调 的 选择 和 控制 对 色彩 设计 有 举足轻重 的 作 


jo 


色调 是 指 整体 的 色彩 关系 ,如 以 色相 来 区 分 ,有 红 调 子 、 黄 调子 、 蓝 调子 、 绿 调子 等 ; 如 以 明 
度 来 区 分 ,有 高 调子 、 中 间 调 和 低调 子 ; 如 以 彩 度 来 区 分 ,有 鲜明 调子 和 灰 调 子 ; 如 以 色彩 
关系 来 区 分 ,有 对 比 调子 和 调和 调子 ,等 等 。 把 握 好 色彩 的 基本 调子 ,就 能 使 色彩 的 配制 协 


调 统 一 、 形 象 突出 。 
注意 : 在 线 配色 器 的 网 址 : 
(1) http://kuler. adobe. com/。 
(2) http://www.jd100. net/ip/color. htm。 
(3) http://colorschemedesigner. com/previous/colorscheme2/index-en. html。 
项 目 案例 1: 页 面 中 的 色彩 配置 。 
【题目 】 在 网 页 设计 实践 中 ,如 何 进行 页 面 内 部 的 色彩 分 配 呢 ? 可 以 以 相对 标准 的 
栏 式 为 可 视 模 板 ,用 以 比较 不 同 的 配色 方案 ,以 及 产生 不 同 的 视觉 感受 。 
【效果 】 参考 模型 如 图 14-16 所 示 。 
1 区 : 网 页 抬头 (上 部 标志 区 、Banner 区 )。 
5 区 : 网 页 标题 。 
3 区 : 网 页 内 容 ( 文 字 图 片区 )。 
2 区 : 侧 栏 (功能 区 、 附 加 信息 区 )。 
4 区: 页 脚 (版 权 位 置 、 其 他 元 素 信息 )。 
图 14-17 是 由 橘红 的 暖色 系 变化 到 褐色 的 中 性 色 系 ,选择 
的 都 是 单一 型 的 配色 ,如 绿色 系 、 蓝 色 系 、 玫 瑰 红 。 在 图 14-17 
和 图 14-18 中 ,可 以 看 到 在 这 一 小 型 的 缩 略 图 中 ,整个 页 面 的 
色调 所 发 生 的 根本 性 变化 。 有 时 候 这 样 做 效果 不 错 ,但 却 并 
不 是 经 常 能 奏效 。 图 14-16 参考 模型 


到 


图 14-17 模型 设计 (一 ) 


如 果 无 法 把 握 单一 颜色 的 数值 ,可 以 从 Photoshop 自 带 的 色彩 方案 中 取 色 ,如 图 14- 
所 示 。 
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多 数 设 计 师 认为 画 出 美妙 绝伦 的 页 面 才 是 设计 ,其 实 不 然 ,要 在 有 限 的 元 素 和 色彩 里 表 
达 出 风格 才 是 更 有 难度 也 更 有 层次 的 设计 。 经 过 严谨 的 思考 和 漫长 的 推荐 ,最 终 只 花 几 分 
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图 14-18 模型 设计 (二 ) 


图 14-19 Photoshop 色 板 


钟 为 页 面 画 下 一 个 简单 的 圆 角 框 或 者 一 条 两 像素 的 实 线 , 其 效果 也 许 比 涂 满 了 色彩 和 组 合 
了 数 十 个 分 层 的 画面 更 好 。 设 计 最 终 将 上 升 到 思想 的 层面 ,而 不 是 仅仅 停留 在 工具 和 素材 
的 使 用 。 


(14,2 网 页 制作 过 程 


网 页 制作 过 程 如 下 : 
(1) 与 客户 沟通 需求 ,直到 需求 确定 。 
(2) 根据 需求 里 的 栏目 设置 和 设计 要 求 等 ,开始 设计 页 面 , 直 到 确定 。 
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(3) 对 设计 出 来 的 页 面 进行 制作 ,如 果 有 开发 的 话 , 可 以 编写 程序 。 

(4) 制作 页 面 的 步骤 (用 Photoshop 或 其 他 的 作 图 软件 进行 切 图 ,用 Dreamweaver 建立 
站 点 ,新 建 页 面 并 开始 制作 首页 ,然后 制作 栏目 页 ,再 制作 内 容 页 ,最 后 把 相互 之 间 的 链接 
做 好 ) 。 

(5) 上 传 到 服务 器 进行 测试 。 


(6) 正式 上 线 。 
(14,3 测试 网 站 


网 站 制作 好 之 后 ,要 将 网 站 上 传 到 虚拟 主机 空间 里 。 这 里 主要 介绍 有 关上 传 软件 
LeapFTP 的 使 用 方法 。 

操作 步骤 如 下 : 

(1) 下 载 并 安装 LeapFTP 的 最 新 版 本 。 

(2) 运行 LeapFTP, 如 图 14-20 所 示 ,选择 1 处 (* 站 点 ”>“ 站 点 管理 器 ”), 弹出 “站 点 管 
理 器 "窗口 ; 在 2 处 选择 My Servers 选项 ,然后 在 3 处 单 击 “ 添 加 站 点 ”按钮 ,在 弹出 的 窗口 
4 处 输入 你 喜欢 的 站 点 名 称 ( 如 mysite) 。 


图 14-20 LeapFTP 


(3) 单 击 “ 确 定 ” 按 钮 后 ,出现 如 图 14-21 所 示 对 话 框 , 在 1 处 输入 你 的 站 点 地 址 (如 
abc. com) ,取消 对 2 处 “匿名 ”选项 的 选中 ,在 3 处 输入 FTP 用 户 名 (如 abc) ,在 4 处 输入 
FTP 密码 (取消 对 “保存 密码 ”选项 的 选中 ) , 单 击 5 处 的 “应 用 ”按钮 。 

(4) 切换 到 “高 级 ”标签 (6 处 ), 如 图 14-22 所 示 , 在 1 处 选中 刚 建立 的 站 点 名 称 
(mysite) ,在 2 处 选择 “使 用 安全 ”选项 ,在 3 处 的 “传送 模式 ”处 选择 二进制 ”, 单 击 4 处 的 
“应 用 ”按钮 。 至 此 ,你 的 FTP 站 点 已 经 构建 成 功 。 

(5) 可 以 单 击 “连接 ?按钮 ,直接 进入 连接 状态 ; 也 可 以 回 到 主 菜单 单 击 *FTP 服务 器 ”一 
My Servers>mysite 进入 连接 状态 ,如 图 14-23 所 示 。 
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图 14-21 站 点 管理 器 
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图 14-22 高 级 标签 窗口 


Lea 
服务 器 G) 站 点 C[) 命令 @) 书签 @) 队列 @) 视图 WD 工具 CI) 选项 EE) E 


~ | 本 帝 | 只 名 天 | 风 W 史 上 
[rR [| TARP | 


SE > 
图 14-23 连接 按钮 


(6) 连接 成 功 后 的 界面 如 图 14-24 所 示 。 左 上 框 为 本 地 目录 ,可 以 通过 1 处 的 下 拉 列 
表 框 选择 要 上 传 文件 的 目录 ,选择 后 该 目录 下 的 所 有 文件 都 会 显示 在 这 个 框 里 。 在 要 上 传 
的 文件 上 右 击 ,选择 “上传 ” 命 令 , 这 时 在 队列 栏 里 会 显示 正在 上 传 及 未 上 传 的 文件 ， 当 文件 


上 传 成 功 后 ,在 命令 栏 里 会 出 现 “ 传 送 完成 "的 提示 ,此 时 在 过 程 目录 栏 里 就 可 以 看 到 上 传 的 
文件 了 。 
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14.4 域名 介绍 


域名 是 在 网 站 开发 后 期 必须 要 申请 的 一 个 名 称 , 这 个 名 称 不 仅 代 表 着 网 站 的 寓意 ,同时 
也 体现 了 网 站 的 内 涵 。 如 果 域 名 得 不 到 正确 解析 ,人 们 看 不 到 它 , 即 使 网 站 做 得 再 好 也 没有 
用 。 所 以 说 ,域名 和 网 站 名 称 都 是 十 分 重要 的 。 

一 个 具有 吸引 力 的 域名 应 该 具有 在 刹那 间 吸 引 人 的 能 力 。 比 如 cool. com, 曾 经 看 过 或 
听 过 该 域名 的 人 都 被 这 个 极 具 吸引 力 的 “cool" 所 吸引 ,人 们 都 好 奇 地 想 看 看 cool. com 是 个 
怎样 的 网 站 ,并 有 打开 这 个 网 站 的 冲动 。 这 样 的 域名 就 非常 成 功 。 同 理 , 有 人 注册 了 
Chinadesigner. org, 还 没有 设置 任何 内 容 时 ,每 天 都 会 有 1500 次 的 点 击 率 ,就 是 这 个 原因 。 

当 别 人 听 过 或 看 过 一 次 便 留 下 深刻 印象 的 域名 ,其 价值 是 显而易见 的 。 设计“ 简洁 " 非 
常 重要 ,因为 只 有 简单 的 域名 才 便 于 记忆 和 有 利于 宣传 推广 ,相信 没有 人 会 喜欢 记 住 那些 复 
杂 的 域名 。 即 使 你 建 了 一 个 很 好 的 网 站 .做 了 大 量 的 广告 推广 ,但 域名 过 于 复杂 难 记 , 结 果 
也 可 能 会 徒劳 无 功 。 

虽然 有 好 多 域名 很 容易 记 , 但 如 果 同 你 所 开展 的 商业 活动 没有 任何 关系 ,用 户 就 不 能 将 
你 的 域名 同 你 的 商业 活动 联系 起 来 。 现 在 国内 网 站 的 域名 层出不穷 ,可 见 中 国人 的 创意 真 
的 发 挥 得 淋漓 尽 致 了 。 许 多 国内 网 站 的 域名 设计 思路 都 不 错 ,以 下 是 一 些 值得 参考 的 域名 
设计 技巧 以 及 设计 域名 应 注意 的 几 方 面 : 

(1) 简单 清晰 。 一 个 域名 在 人 们 看 了 第 一 眼 后 能 够 记 住 的 程度 有 多 少 , 是 否 给 人 留 下 
深刻 而 良好 的 印象 ,简单 清晰 是 关键 因素 。 从 视觉 方面 考虑 ,尽量 避免 多 个 连续 相同 或 类 同 
的 字母 ,如 nhumv、CGGCO, 这 种 域名 让 人 看 得 眼花 练 乱 。 从 发 音 方面 考虑 .尽量 使 用 单 音 
节 或 双 音节 的 组 合 。 如 bar、nosame、qiye 等 。 

(2) 含有 良好 的 寓意 。 域 名 的 意义 是 指 域名 本 身 的 含义 ,域名 的 意义 表达 越 清晰 ,效果 
就 越 好 。iloveu 一 一 “我 爱 你 ”, 直接 表达 爱 意 。book4sale 一 一 开门 见 山 , 向 人 表示 出 售 书 
籍 。findtoys 一 一 站 在 儿童 的 角度 . 想 找 玩具 吗 ? 来 这 里 。mycar 一 一 给 人 亲切 的 感觉 ! 有 
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人 说 国内 数字 域名 潮 是 丁 硕 注 册 163 后 掀起 的 ,不 管 怎么 样 ,数字 式 域名 正在 渐 和 人 民心 , 相 
信 大 部 分 网 民 随 便 都 可 以 说 出 一 大 堆 。 利 用 中 国人 独 有 的 拼音 做 域名 , 这 样 的 域名 读 起 来 
感觉 非常 亲切 ,甚至 不 用 刻意 去 记 。 由 数字 加 英文 组 成 的 域名 , 例如 51job, 利 用 “51” 的 谐 
音译 成 "无 忧 ”, 这 种 搭配 可 谓 独 具 匠 心 。 

(3) 留意 商业 机 会 。 域 名 设计 思路 最 好 围绕 你 所 进行 的 商业 活动 来 考虑 , 带 有 行业 性 
质 、 类 型 的 更 佳 。 

(4) 给 域名 减肥 。 当 你 已 经 设想 好 了 域名 ,但 长 度 太 长 ,你 可 以 对 其 进行 “减肥 ”。 


1. 什么 是 域名 


域名 是 Internet 上 的 一 个 服务 器 或 一 个 网 络 系 统 的 名 字 , 在 全 世界 ,没有 重复 的 域名 。 
域名 的 形式 是 以 若干 个 英文 字母 或 数字 组 成 ,由 "分 隔 成 几 部 分 ,如 cndns. com 就 是 一 个 
域名 。 


2. 域名 与 网 址 有 什么 区 别 


一 个 完整 网 址 范例 如 下 : http://yourdomain. com。 对 应 于 这 个 网 站 的 域名 则 是 
yourdomain. com。 人 们 建立 一 个 提供 WWW 信息 的 主机 后 ,以 域名 来 为 其 命名 。 此 时 ,这 
台 主 机 的 名 字 称 为 www. 域名 。 当 访问 者 要 访问 这 台 主 机 时 ,浏览 器 会 以 指定 的 HTTP 
(hypertext transfer protocol) 协 议 向 主机 发 出 数据 请 求 。 为 此 ,我 们 描述 一 个 完整 的 网 址 
时 都 会 加 上 前 级 http://。 


3. 中 国企 业 可 以 注册 的 域名 有 哪些 


互联 网 上 的 域名 可 谓 千 姿 百 态 ,但 从 域名 的 结构 来 划分 ,总 体 上 可 把 域名 分 成 两 类 : 一 
类 称 为 “国际 项 级 域名 ”( 简 称 * 国 际 域名 ”); 一 类 称 为 “国内 域名 ”。 


4. 什么 是 国际 顶级 域名 


一 般 国际 域名 的 最 后 一 个 后 缀 是 一 些 诸如 . com、. net、. gov、. edu 的 “国际 通用 域 ”， 
这 些 不 同 的 后 级 分 别 代 表 了 不 同 的 机 构 性 质 。 


。 ac: 科研 机 构 。 

。 com: 工 、 商 ,金融 等 商业 性 的 机 构 或 公司 。 
。 edu: 教育 机 构 。 

。 gov: 政府 部 门 。 


net: 互联 网 络 、 接 入 网 络 的 信息 中 心 (NIC) 和 运行 中 心 (NOC) 或 公司 。 
org: 各 种 非 鳃 利 性 的 团体 或 组 织 。 


5. 什么 是 国内 域名 


国内 域名 的 后 级 通常 要 包括 “国际 通用 域 ” 和 “国家 域 ”两 部 分 ,而 且 要 以 “国家 域 " 作 为 
最 后 一 个 后 级 。 以 ISO31660 为 规范 .各 个 国家 都 有 自己 固定 的 国家 域 ,如 cn 代表 中 国 ,us 
代表 美国 ,uk 代表 英国 等 。 

可 以 按照 你 的 机 构 性 质 选 择 适合 你 单位 使 用 的 三 级 域名 。 行政区 划 域 名 是 按照 中 国 的 
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各 个 行政 区 划分 而 成 的 ,其 划分 标准 依照 原 国 家 技术 监督 局 发 布 的 国家 标准 而 定 , 包 括 行政 区 
域名 34 个 ,适用 于 我 国 的 各 省 、 自 治 区、 直辖 市 。 例 如 ,北京 的 机 构 可 以 选择 如 cnnic. bj. cn 的 
域名 ; www. abcd. cn 就 是 一 个 中 国 国 内 域名 ; www. cndns. com 就 是 一 个 国际 顶级 域名 。 


6. 为 什么 要 注册 .cn 域名 


.cn 域名 是 由 我 国 管理 的 国家 域名 (ccTLD) ,属于 顶级 域名 。 当 前 选择 .cn 域名 注册 的 企 
业 越 来 越 多 ,超越 .com, 在 全 球 具 有 最 大 的 市 场 。 按 照 行政 省 份 划 分 ,有 .bj.cn、.sc.cn、 
.sh.cn 等 。 

注册 .cn 域名 有 如 下 优点 : 

(1) 显著 的 标识 作用 ,体现 自身 的 价值 和 定位 。 

(2) .cn 域名 资源 丰富 ,可 以 获得 满意 的 域名 。 

(3) 适用 中 国法 律 , 全 面 保障 用 户 利益 。 

(4) 全 中 文 服务 ,保障 用 户 知情 权 。 

(5) 注册 手续 简便 快捷。 

(6) .cn 域名 使 用 更 有 保障 。 

(7) 有 利于 维护 国家 互联 网 信息 安全 。 


7. 出 现 域名 争议 怎么 办 


任何 机 构 或 个 人 认为 他 人 已 注册 的 域名 与 个 人 的 合法 权益 发 生 冲 突 的 , 均 可 以 向 争议 
解决 机 构 提 出 投诉 。 可 以 与 CNNIC 认证 的 域名 争议 解决 机 构 联系 争议 事宜 。 目 前 的 争议 
解决 机 构 有 两 家 : 中 国 国 际 经 济 贸易 仲裁 委员 会 域名 争议 解决 中 心 和 香港 国际 仲裁 中 心 。 


8. 域名 注册 完成 后 .要 注意 些 什 么 


(1) 按时 续费 。 注 册 人 需要 每 年 向 注册 服务 机 构 交 纳 域 名 运行 管理 费用 。 按 管理 办 法 
的 规定 : 年 域名 续费 截止 日 同 申请 日 。 对 于 续费 截止 日 未 完成 续费 的 域名 ,将 暂停 服务 。 
所 有 域名 暂停 服务 30 天 内 仍 可 正常 续费 。 

(2) 如 果 注 册 信 息 发 生变 化 ,应 当 及 时 通知 域名 注册 服务 机 构 加 以 变更 。 

(3) 注意 保存 注册 服务 机 构 提供 给 你 的 用 于 更 改 信息 的 密码 和 转移 注册 服务 机 构 的 
密码 。 

.com、.net、.org 是 国际 最 广泛 流行 的 通用 域名 格式 ,这 些 域名 任何 人 都 可 注册 。 


(i4,5 网 站 维护 与 推广 


14.5.1 网 站 维护 


网 站 维护 是 指 网 站 运营 后 需要 做 的 维护 工作 。 维 护 工作 包括 后 台 服 务 器 杀毒 、 补 丁 更 
新 、 垃 圾 清理 、 删 除 过 期 专题 栏目 、 界 面 美化 、 网 站 内 容 更 新 、 广 告 更 新 等 。 与 其 他 媒体 一 样 ， 
网 站 也 是 一 个 媒体 ,需要 经 常 性 地 更 新 维护 才 会 起 到 既定 的 商业 效果 。 网 站 一 旦 上 线 运营 ， 
网 站 的 管理 与 维护 就 摆 在 了 企业 的 面前 。 
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1. 网 站 的 软 硬 件 维护 


计算 机 软 硬 件 在 使 用 中 常会 出 现 一 些 问 题 。 比 如 ,网 络 设备 中 硬盘 、 主 板 出 现 问 题 ,将 
导致 企业 网 站 不 能 正常 运行 。 由 于 非 专业 人 员 的 误 操 作 , 导 致 整个 企业 网 站 瘫痪 。 没 有 任 
何 操作 系统 是 绝对 安全 的 。 维 护 操作 系统 的 安全 必须 留意 操作 系统 网 站 的 更 新 补丁 ,及 时 
为 本 系统 安装 升级 包 或 者 打上 补丁 。 如 WindowsXP、SQL Server 等 服务 器 软件 都 要 及 时 
打上 补丁 。 服 务 器 配置 本 身 就 是 安全 防护 的 重要 环节 。 有 不 少 黑客 利用 了 没有 正确 配置 的 
微软 IIS 服务 产生 的 漏洞 攻击 网 站 ,使 网 站 造成 了 不 可 估量 的 损失 。 


2. 网 站 内 容 更 新 


建站 容易 维护 难 。 对 于 网 站 来 说 ,只 有 不 断 地 更 新 内 容 , 才 能 保证 网 站 的 生命 力 ,否则 
网 站 不 仅 不 能 起 到 应 有 的 作用 ,反而 会 对 企业 自身 形象 造成 不 良 影响 。 

对 于 网 站 内 容 更 新 ,网 站 管理 人 员 无 须 懂 得 任何 的 网 页 制作 技术 ,只 要 了 解 基本 的 计算 
机 文本 处 理 方法 ,就 能 够 方便 地 在 网 站 上 更 新 或 维护 信息 内 容 。 

一 般 情况 下 ,网 站 内 容 更 新 需要 做 以 下 几 个 工作 : 

(1) 添加 修改 及 删除 信息 。 

(2) 按 不 同 栏目 对 信息 分 类 ,方便 信息 的 管理 及 查找 。 

(3) 信息 可 按 标 题 .发布 日 期 .关键 字 等 不 同 分 类 进行 查询 。 

(4) 网 站 维护 人 员 当 天 更 新 的 内 容 , 及 时 发 布 到 网 站 前 台 。 

(5) 对 广告 内 容 要 做 及 时 更 新 。 

【备注 网 站 管理 员 在 网 站 维护 中 起 到 了 决定 性 的 作用 。 要 成 为 优秀 的 网 站 管理 员 , 需 
要 具备 以 下 技能 : 

(1) 熟练 使 用 HTML 语言 制作 静态 网 页 。 

(2) 熟悉 Photoshop 和 Flash 基础 ,能 够 制作 和 设计 网 页 界面 。 

(3) 了 解 JavaScript, 熟 悉 JavaScript 的 作用 和 使 用 方法 。 

(4) 对 CSS 深入 了 解 。 必 须 会 使 用 CSS 制作 网 页 ,并 注重 不 同 浏览 器 的 兼容 性 。 

(5) 熟练 使 用 Dreamweaver。 

(6) 熟悉 数据 库 的 操作 。 熟 练 掌握 SQL Server、Access 的 操作 方法 。 

(7) 熟练 掌握 SQL 语句 的 使 用 。 


14.5.2 网 站 推广 


这 里 主要 介绍 免费 的 推广 方法 。 
1. 参加 各 种 广告 交换 组 织 


可 以 到 诸如 http://www. webunion. com 或 者 http://www. linkexchange. com 这 样 
的 网 站 去 登记 ,成 为 它们 的 会 员 , 把 它 的 广告 加 到 你 的 主页 上 ,而 你 的 主页 图 标 也 会 出 现在 
其 他 会 员 的 主页 上 。 
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2. 与 相关 网 站 做 友情 链接 

目前 绝 大 多 数 网 站 都 有 宣传 的 积极 性 ,因此 大 多 数 站 点 都 愿意 与 别人 的 主页 做 友情 链 
接 , 也 就 是 设 有 “ 互 换 链接 "栏目 。 

3. 利用 电子 邮件 群发 送 消息 

如 果 你 加 入 了 一 个 电子 邮件 群 ,就 可 以 在 你 的 站 点 上 开辟 一 个 小 的 栏目 来 专门 介绍 该 
电子 邮件 群 所 讨论 的 内 容 , 然 后 向 该 电子 邮件 群 地 址 发 一 封 信 , 告 诉 他 们 在 你 的 网 站 中 有 专 
门 栏目 介绍 这 样 的 内 容 ,请 他 们 给 予 更 多 指导 。 邮 件 群 的 成 员 收 到 这 封 信和 后 ,一 般 都 会 乐意 
到 该 网 站 去 访问 ,利用 这 种 手段 也 可 以 达到 推广 站 点 的 目的 。 

4. 通过 新 闻 媒 体 进行 宣传 

如 果 你 的 网 站 确实 很 有 特色 或 者 你 的 网 站 能 够 提供 一 些 能 获取 利润 的 投资 建议 ,给 访 
问 者 带 来 一 定 的 利益 ,可 以 借助 电视 、 广 播 等 媒体 进行 一 系列 报道 ,或 者 可 以 写 一 些 有 关 自 
己 站 点 特色 内 容 的 报道 寄 到 比较 有 影响 的 报刊 .杂志 社 , 寻 求 他 们 的 帮助 。 

5. 利用 留言 板 进 行 宣传 

如 果 你 的 网 站 有 类 似 公告 栏 或 留言 板 的 功能 ,完全 可 以 在 这 些 位 置 放 上 你 网 站 的 地 址 ， 
一 旦 其 他 网 友 在 浏览 你 的 留言 或 公告 栏 时 ,可 能 看 到 你 网 站 的 地 址 而 顺便 去 拜访 你 的 主页 。 

6. 到 各 大 报刊 发 表 文章 


作为 一 名 计算 机 爱好 者 ,学习 和 使 用 计算 机 的 时 间 肯 定 不 会 太 短 ,而 且 在 理论 和 实践 中 
也 肯定 积累 了 不 少 经 验 和 心得 ,这 时 最 好 不 要 把 这 些 经 验 独 享 , 应 该 用 语言 把 它们 表达 出 
来 ,与 其 他 同行 或 网 友 进 行 真挚 交流 。 

7. 利用 电子 邮件 发 出 通知 

如 果 你 手中 有 许多 朋友 或 者 用 户 的 电子 邮件 地 址 ,可 以 考虑 利用 电子 邮件 通知 他 们 来 
访问 。 利 用 这 种 方法 来 宣传 主页 的 关键 之 处 在 于 ,要 留心 收集 用 户 电子 邮件 的 地 址 ,拥有 的 


电子 邮件 数量 越 多 ,就 意味 着 你 的 主页 蕴藏 着 更 大 的 访问 量 。 即 使 是 这 样 , 要 注意 你 的 邮件 
内 容 应 包含 一 些 有 用 的 东西 ,尽量 不 要 发 那 种 垃圾 邮件 。 


8. 在 聊天 室 里 发 出 邀请 


很 多 人 上 网 的 一 个 主要 目的 就 是 交流 , 想 交 到 更 多 的 朋友 。 交 友 当 然 首 先 就 去 聊天 室 
了 。 在 聊天 室 里 你 可 以 适时 地 向 这 些 网 友 发 出 邀请 ,请 他 们 访问 你 的 主页 ,并 谦虚 地 请 他 们 
给 你 的 网 站 建设 提出 一 些 宝贵 建议 ,同时 在 与 他 们 聊天 之 际 , 可 以 把 你 的 站 点 所 具有 特色 的 
内 容 大 肆 宣 传 一 番 , 以 引起 网 友 们 足够 的 兴趣 和 注意 。 


9. 在 新 闻 组 上 发 布 你 的 主页 


参加 过 网 络 新 闻 组 的 网 友 们 可 能 经 常 在 相关 的 新 闻 组 讨论 区 中 见 到 诸如 “ 某 网 站 今天 
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正式 开张 啦 1”“ 某 主页 最 近 进 行 了 更 新 ,增添 了 许多 特色 的 内 容 ”“ 欢 迎 各 位 网 友 常 到 某 网 
站 做 客 !” 等 信息 ,其 实 就 是 这 些 网 站 的 版 主 在 通过 新 闻 组 来 宣传 自己 的 主页 。 


10. 使 用 专门 注册 工具 提交 到 搜索 引擎 中 


目前 搜索 引擎 已 经 有 好 几 千 个 了 ,如 果 一 个 一 个 地 申请 并 将 自己 的 网 页 也 加 入 进去 ,这 
样 可 能 要 花费 几 个 月 的 时 间 。 此 时 可 以 使 用 专门 的 主页 注册 软件 , 它 只 需 几 分 钟 的 时 间 就 
能 自动 在 搜索 引擎 的 相关 目录 下 和 主题 下 注册 。 


11. 加 入 links 类 站 点 或 申请 测评 


网 络 上 links 数据 库 类 型 的 站 点 越 来 越 多 ,如 丹麦 酷站 联盟 (http://www. cwd. dk) .中 
国 的 蚁 盟 (http://www. yimeng. org) 等 。 这 类 站 点 通常 有 很 多 类 别 ,但 大 多 以 艺术 设计 为 
主 。 如 果 你 的 站 点 设计 得 好 ,就 可 以 申请 加 入 。 能 否 加 入 要 视 每 个 站 点 的 评委 要 求 , 有 一 些 
站 点 的 要 求 非常 高 ,如 英国 的 linkdup(http://www. linkdup. com) ,而 另 一些 则 相对 低 
一 些 。 

有 经 济 条 件 的 网 站 在 推广 中 ,可 以 利用 提供 免费 服务 来 起 到 宣传 作用 ,如 免费 信箱 、 免 
费 空间 、 免 费 留言 本 、 免 费 计 数 器 .免费 BBS、 免 费 调查 。 


(i4,6 开展 电子 商务 


电子 商务 (electronic commerce) 以 电子 及 电子 技术 为 手段 ,以 商务 为 核心 ,把 原来 传统 
的 销售 购物 渠道 移 到 互联 网 上 来 ,打破 国家 与 地 区 有 形 无 形 的 壁垒 ,使 生产 企业 达到 全 球 
化 、 网 络 化 、 无 形 化 \ 个 性 化 、 一 体 化 。 有 关 电 子 商务 的 通俗 定义 是 : 电子 商务 是 指 利用 简 
单 ` 快 捷 、 低 成 本 的 电子 通信 方式 ,买卖 双方 不 谋面 地 进行 的 各 种 商业 和 贸易 活动 。 

电子 商务 是 以 计算 机 网 络 为 基础 。 以 电子 化 方式 为 手段 ,以 商务 活动 为 主体 ,在 法 律 许 
可 范围 内 所 进行 的 商务 活动 过 程 。 

电子 商务 的 范围 很 广 ,一 般 可 分 为 企业 对 企业 (business-to-business,B2B) 或 企业 对 消 
费 者 (business-to-consumer, B2C ) 两 种 。 另 外 还 有 消费 者 对 消费 者 (consumer-to- 
consumer,C2C) 这 种 大 步 增 长 的 模式 。 随 着 国内 Internet 使 用 人 数 的 增加 ,利用 Internet 
进行 网 络 购物 并 以 银行 卡 付款 的 消费 方式 已 渐 流 行 ,市 场 份额 也 在 迅速 增长 ,电子 商务 网 站 
也 层出不穷 。 电 子 商 务 最 常见 的 安全 机 制 有 SSL( 安 全 套 接 层 协 议 ) 及 SET( 安 全 电子 交易 
协议 ) 两 种 。 

电子 商务 是 一 个 不 断 发 展 的 概念 ,电子 商务 的 先驱 IBM 公司 于 1996 年 提出 了 Electronic 
Commerce (E-Commerce) 的 概念 .到 了 1997 年 ,该 公司 又 提出 了 Electronic Business 
(E-Business) 的 概念 。 但 我 国 在 引进 这 些 概念 的 时 候 都 翻译 成 电子 商务 ,很 多 人 对 这 两 者 
的 概念 产生 了 混淆 。 事 实 上 .这 两 个 概念 及 内 容 是 有 区 别 的 ,E-Commerce 应 翻译 成 电子 商 
业 , 有 人 将 E-Commerce 称 为 狭义 的 电子 商务 ,将 E-Business 称 为 广义 的 电子 商务 。 
E-Commerce 是 指 实现 整个 贸易 过 程 中 各 阶段 贸易 活动 的 电子 化 。E-Business 是 利用 网 络 
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实现 所 有 商务 活动 业务 流程 的 电子 化 。E-Commerce 集中 于 电子 交易 ,强调 企业 与 外 部 的 
交易 与 合作 ,而 E-Business 则 把 涵盖 范围 扩大 了 很 多 ,广义 上 指使 用 各 种 电子 工具 从 事 商 
务 或 活动 ; 狭义 上 指 利用 Internet 从 事 商 务 或 活动 。 

以 下 介绍 几 种 常用 的 电子 商务 模式 。 


1. B2B(Business to Business) 


B2B 指 的 是 商家 ( 泛 指 企业 ) 对 商家 的 电子 商务 , 即 企业 与 企业 之 间 通 过 互联 网 进行 产 
品 、 服 务 及 信息 的 交换 。 通 俗 的 说 法 是 指 进行 电子 商务 交易 的 供需 双方 都 是 商家 (或 企业 、 
公司 ) ,他们 使 用 了 Internet 的 技术 或 各 种 商务 网 络 平台 ,完成 商务 交易 的 过 程 。 这 些 过 程 
包括 发 布 供求 信息 ,订货 及 确认 订货 ,支付 过 程 及 票据 的 签发 .传送 和 接收 ,确定 配送 方案 并 
监控 配送 过 程 等 。B2B 有 时 写 做 B to B, 但 为 了 简便 干脆 用 其 谐音 B2B(2 即 to)。B2B 的 典 
型 是 百 万 网 ,阿里 巴巴 . 百 纳 网 .中 国 网 库 . 中 国 制 造 网 .商机 网 、 敦 煌 网 .慧聪 网 、 瀛 商 网 .中 
国 114 黄页 网 ,太平洋 门户 网 等 。 


2. B2C(Business to Customer) 


B2C 指 的 是 商家 对 消费 者 的 电子 商务 模式 。B2C 模式 是 我 国 最 早产 生 的 电子 商务 模 
式 , 以 8848 网 上 商城 正式 运营 为 标志 。B2C 即 企业 通过 互联 网 为 消费 者 提供 一 个 新 型 的 购 
物 环 境 一 一 网 上 商店 (卓越 亚马逊 、 天 天 团购 网 、 新 绰 网 、 京 东 商 城 、 红 孩子 商城 、 团 火 网 、 当 
当 网 等 ) ,消费 者 通过 网 络 在 网 上 购物 .在 网 上 支付 。 

第 一 种 : 综合 商城 

代表 : 淘宝 ,天河 城 .贝斯 尼 尔 ` 正 佳 广场 

综合 商城 就 如 我 们 平时 进入 的 大 型 商场 一 样 ,一 楼 是 金 银 饰品 ,二 楼 是 女士 服饰 ,三 楼 
是 男士 服饰 ,四 楼 是 运动 /装饰 ,五 楼 是 手机 数码 ,六 楼 特价 …… 将 N 个 品牌 专卖 店 装 进去 ， 
这 就 是 商城 。 淘 宝 商 城 就 是 这 种 形式 。 淘 宝 商 城 有 庞大 的 购物 群体 .稳定 的 网 站 平台 完备 
的 支付 体系 和 诚信 安全 体系 , 既 促使 了 卖家 进驻 卖 东 西 , 又 促使 买 家 进去 买 东西 。 如 同 传统 
商城 一 样 ,淘宝 自己 是 不 卖 东 西 的 ,但 提供 了 完备 的 销售 配套 。 

网 上 商城 在 人 气 足 够 .产品 丰富 、 物 流 便捷 的 情况 下 ,其 低廉 的 成 本 、 二 十 四 小 时 的 不 夜 
城 .无 区 域 限 制 、 更 丰富 的 产品 等 优势 ,使 其 获得 交易 市 场 的 一 个 重要 角色 。 

第 二 种 : 专 一 整合 型 

代表 : 赛 V 网 .李宁 网 

赛 V 网 主要 从 事 体育 用 品 网 上 销售 .导购 .新 闻 资 讯 、 赛 事 报道 等 ,是 一 个 大 型 体育 综 
合 门户 网 。 赛 V 网 主要 做 体育 品牌 用 品 业务 .做 到 只 做 正品 , 假 一 罚 十 ,注重 客户 服务 。 这 
种 全 新 的 经 营 模式 为 消费 者 提供 了 高 品质 的 完美 购物 体验 。 

第 三 种 : 百货 商店 

代表 : 亚马逊 .当当 网 .苏宁 网 .国美 网 

商店 ,说 明 卖 家 只 有 一 个 ; 百货 ,满足 日 常 消费 需求 的 丰富 产品 线 。 百 货 商 店 有 自 有 仓 
库 ,会 库存 系列 产品 ,以 备 更 快 的 物流 配送 和 客户 服务 。 这 种 店 甚至 会 有 自己 的 品牌 ,如 沃 
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尔 玛 、 届 臣 氏 等 。 


3. C2C(Customer to Customer) 


C2C 同 B2B、B2C 一 样 ,都 是 电子 商务 的 几 种 模式 之 一 。 不 同 的 是 ,C2C 是 用 户 对 用 户 
的 模式 ,C2C 商务 平台 就 是 通过 为 买卖 双方 提供 一 个 在 线 交易 平台 ,使 卖方 可 以 主动 提供 
商品 上 网 拍卖 ,而 买方 可 以 自行 选择 商品 进行 竞价 。C2C 的 典型 是 百度 C2C、 淘 宝 网 、 拍 拍 
网 等 。 

电子 商务 可 提供 网 上 交易 和 管理 等 全 过 程 的 服务 ,因此 它 具 有 广告 宣传 .咨询 洽谈 、 网 
上 订购 .网 上 支付 ,电子 账户 .服务 传递 .意见 征询 .交易 管理 等 各 项 功能 。 

1) 广告 宣传 

电子 商务 可 凭借 企业 的 Web 服务 器 和 客户 的 浏览 ,在 Internet 上 发 布 各 类 商业 信息 。 
客户 可 借助 网 上 的 检索 工具 (Search) 迅 速 地 找到 所 需 商 品 信息 ,而 商家 可 利用 网 上 主页 
(HomePage) 和 电子 邮件 (E-mail) 在 全 球 范围 内 作 广 告 宣传 。 与 以 往 的 各 类 广告 相 比 ,网 上 
的 广告 成 本 最 为 低廉 ,而 给 顾客 的 信息 量 却 最 为 丰富 。 

2) 咨询 洽谈 

电子 商务 可 借助 非 实时 的 电子 邮件 (E-mail) 、 新 闻 组 (NewsGroup) 和 实时 的 讨论 组 
(CChat) 来 了 解 市 场 和 商品 信息 、 洽 谈 交易 事务 ,如 有 进一步 的 需求 ,还 可 用 网 上 的 白板 会 议 
(WhiteboardConference) 来 交流 即时 的 图 形 信息 。 网 上 的 咨询 和 洽谈 能 超越 人 们 面对面 洽 
谈 的 限制 ,提供 多 种 方便 的 异地 交谈 形式 。 

3) 网 上 订购 

电子 商务 可 借助 Web 中 的 邮件 交互 传送 实现 网 上 的 订购 。 网 上 的 订购 通常 都 是 在 产 
品 介绍 的 页 面 上 提供 十 分 友好 的 订购 提示 信息 和 订购 交互 格式 框 。 当 客户 填 完 订购 单 后 ， 
通常 系统 会 回复 确认 信息 单 来 保证 订购 信息 的 收 悉 。 订 购 信息 也 可 采用 加 密 的 方式 使 客户 
和 商家 的 商业 信息 不 会 泄露 。 

4) 网 上 支付 

电子 商务 要 成 为 一 个 完整 的 过 程 ,网 上 支付 是 重要 的 环节 。 客 户 和 商家 之 间 可 采用 信 
用 卡 账号 进行 支付 。 在 网 上 直接 采用 电子 支付 手段 将 可 省 略 交 易 中 很 多 人 员 的 开销 。 网 上 
支付 将 需要 更 为 可 靠 的 信息 传输 安全 性 控制 以 防止 欺骗 窃听 、 冒 用 等 非法 行为 。 

5) 电子 账户 

网 上 的 支付 必须 要 有 电子 金融 来 支持 , 即 银行 或 信用 卡 公 司 及 保险 公司 等 金融 单位 要 
为 金融 服务 提供 网 上 操作 的 服务 。 而 电子 账户 管理 是 其 基本 的 组 成 部 分 。 

6) 服务 传递 

对 于 已 付 了 款 的 客户 ,商家 应 将 其 订购 的 货物 尽快 地 传递 到 他 们 的 手中 。 而 有 些 货物 
在 本 地 ,有 些 货物 在 异地 ,电子 销售 系统 将 在 网 络 中 进行 物流 的 调配 。 而 最 适合 在 网 上 直接 
传递 的 货物 是 信息 产品 。 

7) 意见 征询 

电子 商务 能 十 分 方便 地 采用 网 页 上 的 “选择 *"“ 填 空 ”等 格式 文件 来 收集 用 户 对 销售 服 
务 的 反馈 意见 。 这 样 使 企业 的 市 场 运营 能 形成 一 个 封闭 的 回路 。 客 户 的 反馈 意见 不 仅 能 提 
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高 售后 服务 的 水 平 ,更 使 企业 获得 改进 产品 、 发 现 市 场 的 商业 机 会 。 

8) 交易 管理 

整个 交易 的 管理 涉及 人 、 财 、 物 多 个 方面 ,涉及 企业 和 企业 企业 和 客户 及 企业 内 部 等 各 
方面 的 协调 和 管理 。 因 此 ,交易 管理 是 涉及 商务 活动 全 过 程 的 管理 。 

下 面 给 出 开展 电子 商务 的 方法 和 步骤 。 

第 一 步 : 网 店 命名 。 名 称 在 网 络 上 是 唯一 的 (具体 内 容 可 参考 14.4 节 域 名 介绍 ) 。 

第 二 步 : 选择 网 店 地 点 。 网 上 商店 地 点 的 选择 要 求 高 速 网 络 连接 方式 。 就 好 像 实体 商 
店 位 于 交通 比较 方便 的 地 方 , 用 户 才 可 以 快速 到 达 ( 在 此 步骤 中 ,已 经 设 定好 了 有 具体 网 络 地 
址 ,客户 就 可 以 根据 地 址 访问 网 店 ) 。 

第 三 步 : 设计 网 店 的 风格 。 要 求 进行 网 页 的 制作 和 设计 。 网 上 商店 同样 须 装修 自己 吸 
引 客 户 。 在 网 页 制作 中 ,要 求 完善 后 台 设 计 和 服务 ,使 得 前 台 和 后 台 程 序 能 够 协调 运行 。 

第 四 步 : 买卖 交易 。 在 网 店 中 ,可 采用 多 种 方式 进行 在 线 交 易 。 比 如 ,第 一 ,买主 直接 
将 资金 打 入 卖主 银行 账户 中 , 凭 银行 汇款 条 进行 交易 ; 第 二 ,依托 支付 宝 软件 ,实现 第 三 方 
支付 ; 第 三 ,网 上 转账 服务 等 。 

第 五 步 : 商品 运送 。 网 络 交易 可 以 通过 邮局 、 大 型 快递 公司 ,如 汇丰 、 圆 通 等 实现 商品 

第 六 步 : 商品 更 新 。 网 页 要 进行 维护 , 卖 出 的 商品 要 及 时 下 架 , 新 到 货 的 商品 要 及 时 


上 架 。 
第 七 步 : 库存 商品 的 管理 。 无 论 虚拟 商店 还 是 真实 商店 ,货物 和 货币 都 是 一 样 真实 的 。 
对 库存 商品 要 及 时 的 清点 。 


(14,7 本 章 小 结 


本 章 针 对 网 站 的 设计 ,主要 介绍 了 界面 、 排 版 ,色彩 的 设计 搭配 理论 。 要 求 大 家 熟练 党 
握 这 一 理论 ,并 且 熟 练 运用 元 素来 搭配 自己 的 网 站 作品 。 网 站 制作 的 主要 流程 , 先 有 界面 设 
计 , 使 用 Photoshop 软件 ; 再 有 网 页 制作 ,采用 Dreamweaver 或 Frontpage 软件 。 实 现 网 站 
的 电子 商务 功能 后 ,测试 网 站 ,运行 正确 无 误 后 ,向 域名 申请 机 构 申 请 域名 ,分 配 空间 ,使 用 
FTP 上 传 软件 将 自己 的 网 站 上 传 到 服务 器 中 。 最 后 运用 推广 理论 ,掌握 技巧 ,推广 自己 的 


网 站 。 
(i4,8 思考 与 练习 


设计 出 国 留学 网 站 界面 .并 考虑 界面 .版 式 、 色 彩 的 搭配 。 
. 简 述 域名 的 申请 流程 。 如 何 起 一 个 漂亮 的 域名 ? 

比较 B2B 和 B2C 的 优点 和 缺点 。 

. 设计 出 国 留学 网 站 的 推广 方法 。 

.展开 对 出 国 留学 网 站 的 电子 商务 。 
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(15.1 实 训 1 一 一 构建 Web 服务 器 
一 、 实 验 类 别 
二 、 实 验 目 的 
(1) 掌握 ASP 技术 的 Web 服务 器 环境 。 
(2) 熟悉 JSP 技术 的 Web 服务 器 环境 。 
三 、 实 验 内 容 及 要 求 
(1) 熟悉 ASP 的 Web 安装 环境 。 
(2) 掌握 IIS 信息 服务 器 的 安装 。 
(3) 掌握 浏览 ASP 网 页 的 方法 。 
(4) 掌握 创建 IIS 虚拟 目录 。 
(5) 熟悉 JSP 的 Web 安装 环境 。 
(6) 熟悉 浏览 JSP 网 页 的 方法 。 
(7) 了 解 SDK 的 下 载 及 安装 。 
(8) 了 解 Tomcat 的 下 载 与 安装 。 
、 实 验方 法 及 步骤 
【题目 1】 IIS 信息 服务 器 的 安装 与 启动 
1. ASP 的 Web 安装 环境 


在 服务 器 端 安装 如 下 软件 : Windows 98、Windows 2000 Professional、Windows 2000 
Server、Windows 2000 Advance Server、Windows XP Professional 或 更 高 版 本 ,其 中 , Windows 
2000 系列 需要 安装 Service Pack 2. 0; JIS 5. 0(Internet 信息 服务 管理 器 5. 0) 或 更 高 版 本 。 

客户 端 只 要 是 普通 的 浏览 器 即 可 ,如 Internet Explorer 5. 0 或 更 高 版 本 。 

2. lIS 的 安装 


选择 “开始 ”一 “设置 "一 “控制 面板 ”添加 /删除 程序 命令 ,在 “添加 或 删除 程序 ”对话 
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框 中 单 击 “ 添 加 /删除 Windows 组 件 ” 按 钮 ,就 会 弹出 “Windows 组 件 向 导 ” 对 话 框 。 在 其 中 
选择 “Internet 信息 服务 (IIS)”, 然 后 单 击 * 下 一 步 ? 按 钮 ,随后 根据 提示 一 步 步 安装 即 可 ,如 
图 15-1 所 示 。 


ET 


Flash ?layer 10 Activey 
姐 件 向 导 


Tindors 姐 件 
可 以 添加 或 删除 Windows XP 的 组 件 。 


口 SY Explorer 


0.0 
团 博 0utlook Express oom | 
描述 包括 Web 和 FTP 汪 让 JrontPage、 事 务 处 理 、Active 
Wes 
T0.2 上 
可 用 出 委 问 : 81.5 上 i 


《< 上 一步 四 | 


图 15-1 IIS 的 安装 
3. lIS 的 启动 


在 “Internet 信息 服务 "对话 框 左 侧 的 树 窗 格 中 右 击 “本 地 计算 机 "图标, 从 弹出 的 快捷 
菜单 中 选择 “所 有 任务 ”一 "重新 启动 IIS” 命 令 。 
浏览 ASP 页 面 只 须 右 击 ASP 网 页 ,选择 “浏览 ”命令 , 即 可 运行 ,如 图 15-2 所 示 。 


文件 四 操作 人 ) 查看 WD 帮助 们 
各 了 | 四 | 因 | X 晕 日 胃 | 国 国 | 昌 | ， 于 咱 


ci\windows\help\iishelp 
Scrirts C:\Inetpub\Seripts 


日 轧 20110315-2051 (本 地 计算 机 ) 
日 生 网 上 6 
日 三 里 XE 沾 
日 狗 Iskay 


刚 蛇 需 目 I 


图 15-2 ASP 网 页 浏览 
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【题目 2】 创建 IIS 虚拟 目录 
操作 步骤 如 下 : 
(1) 启动 IIS 信息 服务 工具 。 


(2) 


展开 本 地 计算 机 和 网 站 文件 。 


(3) 右 击 “默认 网 站 ”, 选 择 * 新 建 ”~ 一 虚拟 目录 ”命令 ,如 图 15-3 所 示 。 
(4) 建立 虚拟 目录 别名 ,例如 online exam, 如 图 15-4 所 示 。 


文件 下 ) ”操作 俱 ) 查看 WW) 帮助 0D 
寻 儿 || 四 | 突 加 区 | 岛国 | 旦 | 产量 


Internet 信息 服务 


日 - 易 20110315-2051 (本 地 计算 机 ) IISHelp ci\windows\help\iishelp 
日 向 网 上 Scripts C:\Inetpub\Seripts 
日 二 melp. gif 

由 起 I 资源 首 理 器 于) a 

: 打开 四 calstart asp 
训 览 @@) c. gif 
局 动 加 sarror. gif 
停止 @) int, gif 
暂停 由 ning 可 


beif 


恬 建 Web 虚拟 目录 | 
图 15-3 创建 虚拟 目录 


虚拟 目录 创建 向 导 


虚拟 目录 别名 
必须 为 虚拟 目录 提供 一 个 简短 的 名 称 或 别名 ， 以 便于 快速 引用 。 


基站 芝 信 3 上 录 访 问 权限 的 别名 。 使 用 的 命名 规 


别 各 和) : 


FE 一 


< 上 一 步 @) 取消 


图 15-4 创建 虚拟 目录 别名 
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A 


(5) 输入 网 站 的 目录 路 径 , 如 "上:\ 在 线 考试 系统 ”, 如 图 15-5 所 示 。 


EE 
文件 时) 操作 () 查看 WD 各 助人 0 


生字 | 回国 | 办 日 要 | 七 困 | 昌国 上 
再 ESEEE3E 
日- 电 20110 网 站 内 容 目 录 
Bb 要 发 布 到 网 站 上 的 内 容 的 位 置 。 ] 
输入 内 容 所 在 的 目录 骆 径 。 
目录 四 : 
VE 本 训 览 中 | 
到 对 
虚拟 目录 自 建 导 


国 咖 应 用 0:) = 
日 < 编写 教材 (E:) 


[Ee | 
Py 3. | 


= 
局 Desktop ini 
EN La 四 | Ewa, 
4 


由 后 neal 家 时 


图 15-5 网 站 的 目录 路 径 


【题目 3】 JSP 的 Web 安装 环境 
JSP 运行 环境 需要 安装 两 个 软件 : J]2SDK 和 Tomcat 。 最 新 的 JDK 为 1.6,Tomcat 为 6.0， 
建议 JDK 1.4 以 上 ,Tomcat 4.0 以 上 。 


1. JDK 的 下 载 与 安装 


到 Sun 官方 站 点 (http://java. sun. comy/javase/downloads/index.jsp) 下 载 JDK 。 
直接 双击 JDK 文件 ,首先 出 现 的 是 欢迎 界面 ,如 图 15-6 所 示 。 选 择 JDK 安装 路 径 , 如 
图 15-7 所 示 。 


但 Java(ID 5E Developaent Kit 6 Update 23 
« 


javar 


欢迎 使 用 Java(TM) SE Development Kit 5 Update 23 安装 向 导 


此 疝 导 将 引导 您 完成 Java 5E Development KK 6 Update 23 的 安装 过 程 。 


图 15-6 JDK 欢迎 界面 
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病 Java(DD 5E Developaent Kit 6 Update 23 - 自 定义 安装 


请 从 下 面 的 列表 中 选择 要 安装 的 可 园 功 能 。 安 装 充 成 后 ， 效 可 以 使 用 "控制 面板 "中 的 源 加 / 
勤 阵 程 序 实用 程序 未 更 改 您 选择 的 功能 


D:\Program FlesUavaljdk1,6.0_23\ 


图 15-7 JDK 默认 路 径 


JDK 安装 完成 界面 如 图 15-8 所 示 。 


大 Java(TD 完成 


SE Developaent Kit 6 Update 23 


Java(TM) SE Development Kit 6 Update 23 已 成 功 安装 
产品 注 册 是 名 费 的 ， 您 将 获得 如 下 增值 服务 : 

"获得 新 版 本 、 修 补 程序 和 更 新 的 通知 服务 

* 获得 有 关 Sun 开发 者 产品 、 i 
“发 得 对 早期 版 本 和 文档 的 访问 | 


类 人 。 同时 显示 ]DK 产品 注册 束 单 。 加 果 悠 
不 注册 ， 则 个 保存 以 上 信息 ， 


有 关注 册 所 收集 的 数据 以 及 这 些 流 据 的 管理 和 使 用 方式 的 更 多 信息 ， 请 参见 产品 
注册 信息 /页面 。 


图 15-8 JDK 安装 完成 界面 


安装 J2SDK 以 后 ,需要 设置 一 下 环境 变量 , 右 击 “我 的 电脑 ”选择 “属性 ”一 “高 级 ”一 
“环境 变量 ”, 在 系统 变量 中 添加 环境 变量 ,如 图 15-9 所 示 ( 假 定 你 的 J2SDK 安装 在 D:\ 
Program Files\Java\jdk1. 6. 0_23\ 目 录 下 )。 

设置 内 容 如 下 : 

JAVA_HOME= D:\Program Files\ Java\jdk1.6.0 23\classpath = .; $% JAVA HOMES \lib\dt. jar;% 


JAVA_HOME % \1ib\tools. jar; (“. ;” 一 定 不 能 少 ,因为 它 代表 当前 路 径 ) 
path = % JAVA_ HOME % \bin 


接着 写 一 个 简单 的 Java 程序 来 测试 J]2SDK 是 否 已 安装 成 功 : 


public class Test{ 
public static void main(String args[ ]){ 
System. out. println("This is a test program. "); 


» 
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有 ?|x| 


Adninistrator 的 用 户 变量 忆 


变量 值 
TENP C:\Documents and Settings\Adnin 
TWP C:\Documents and Settings\Adnin 


暂 建 系统 变量 
变量 名 加 JAVA_HOME 
变量 值 四 D:\Program Files\Java\jdk! 6.0_23\ 
Ca 
5 


[LL 末 时 ] [ 总 办) |] [ 册 族 


确定 职 消 


图 15-9 设置 JDK 环境 变量 


将 上 面 的 这 段 程序 保存 为 文件 名 为 Test. java 的 文件 。 然 


行 命令 cd Test. java。 


后 打开 命令 提示 符 窗口 , 执 


如 图 15-10 所 示 ,继续 在 当前 文件 所 在 目录 窗口 输入 下 面 的 命令 : 


javac Test. java 


java Test 


此 时 如 果 看 到 打印 出 ” 装 成 功 了 ; 如 果 没 有 打印 出 这 


句 话 ,需要 仔细 检查 一 下 设置 


sa test program. ”, 说明 安 
青 况 ,如 图 15-10 所 示 


ft Windows XP [ 
打 有 1985-2961 Microsoft Corp. 


je: pocunments and Settings\Adninistrator>java 
Usage: java [-options] class [args...] 
《to execute a class) 
or java [-options] -jar jarfile [args 
《to execute a jar file) 


here options include: 
-client to select the "client" UM 
to select the “server” UM 
is a synonyn for the “client" UM [deprecated] 
The default UM is client. 


cp 《class search path of directories and zip/jar files> 
-classpath 《class search path of directories and zip/jar files> 
A ; separated list of directories。 JAR archives, 
and ZIP archives to search for class files. 
-Dnane>=Cvalue> 


图 15-10 JDK 测试 界面 


2. Tomcat 的 下 载 与 安装 


到 Tomcat 官方 站 点 (http://www. apache. org/dist/jakarta/tomcat-4/) 下载 Tomcat。 
安装 Tomcat 后 , 右 击 “我 的 电脑 ”, 选择 “属性 ”>“ 高 级 >“ 环境 变 量 ”, 在 系统 变量 中 添加 
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MA 


以 下 环境 变量 (假定 你 的 Tomcat 安装 在 D:\Program Files\Apache Software Foundation\ 
Tomcat 6.0 目录 下 ): 


CATALINA_ HOME= D:\Program Files\Apache Software Foundation\Tomcat 6.0 
CATALINA_BASE = D:\Program Files\Apache Software Foundation\Tomcat 6.0 


然后 修改 环境 变量 中 的 classpath, 把 Tomcat 安装 目录 下 的 common\lib 下 的 (能 根据 
实际 追加 )servlet. jar 追加 到 classpath 中 去 ,修改 后 的 classpath 如 下 : 


classpath = . ; % JAVA_HOME S$ \1ib\dt. jar; % JAVA_ HOME 和 \1ib\tools. jar; % CATALINA_HOME % \ 


common\lib\servlet. jar; 
接着 启动 Tomcat, 在 IE 中 访问 http://localhost:8080。 如 果 看 到 Tomcat 的 欢迎 页 
面 ,说 明 安装 成 功 了 ,如 图 15-11 所 示 。 


园 Apache Tomcat Setup 图 凤 


Welcome to the Apache Tomcat 
Setup Wizard 


This wizard will guide you through the instalation of Apache 
Tomeat. 


Itis recommended that you close all other applications 
before starting Setup, This wil make it possible to update 
relevant system files without having to reboot your 
Computer 


Clck Next to continue. 


Apache Tomcat 6 
2 http://tomcat.apache.org 


Le Cancel 
图 15-11 Tomecat 的 安装 界面 


Tomcat 的 配置 环境 界面 如 图 15-12 所 示 。 


是 Apache Tomcat Setup 


Choose Components 
Choose which features of Apache Tomcat you want to install. S 


Check the components you want to install and uncheck the components you dont want to 
install. Click Next to continue, 


Select the type of nstall: | 

On select the optional pend 
components you wish to 

nstall: 


Space required: 8.0MB 


[<gack | See Cancel 


图 15-12 Tomcat 的 环境 界面 
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在 Tomcat 参数 设置 中 ,需要 设置 端口 号 8080 .用 户 名 和 登录 密码 ,如 图 15-13 所 示 。 


图 Apache Tomcat Setup: Configuration Options 同 回 [可 
Configuration 
Tomcat basic configuration。 - 
HTTP/1.1 Connector Port [a080 
Tomcat Administrator Login (optional) 
User Name re 
Password re 


Crm J Cea 


图 15-13 ” Tomcat 参数 设置 


Tomcat 安装 完成 后 ,显示 安装 完成 界面 ,如 图 15-14 所 示 。 


Completing the Apache Tomcat 
Setup Wizard 


Apache Tomcat has been netaled on your computer. 
Clk Fnehto cose ths weard. 


Bun Apadhe Tomcs 
Dow Resgne 


图 15-14 Tomcat 安装 完成 界面 


在 安装 完 之 后 ,会 在 计算 机 显示 屏 右 下 角 出 现 Tomcat 的 运行 图 标 ,如 图 15-15 所 示 。 


图 15-15 Tomcat 服务 器 运行 


3. 运行 JSP 网 页 


(1) 到 Tomcat 的 安装 目录 下 的 webapps 目录 中 能 看 到 ROOT examples .tomcat-docs 
之 类 Tomcat 自 带 的 目录 。 

(2) 在 webapps 目录 下 新 建 一 个 目录 ,命名 为 myapp。 

(3) 在 myapp 下 新 建 一 个 目录 WEB-INF ,注意 ,目录 名 称 是 区 分 大 小 写 的 。 
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(4) 在 WEB-INF 下 新 建 一 个 文件 web. xml, 内 容 如 下 : 


My Web Application 
A application for test. 


(5) 在 myapp 下 新 建 一 个 测试 的 JSP 页 面 ,文件 名 为 index. jsp, 文 件 内 容 如 下 : 


Now time is: 


(6) 重启 Tomcat。 
(7) 打开 浏览 器 ,输入 “http://localhost:8080/myapp/index. jsp”, 如果 看 到 当前 时 间 ， 
则 说 明 运 行 成 功 了 。 


五 、 操 作 技 巧 与 注意 事项 


(1) 注意 IIS 虚拟 路 径 的 设置 方法 。 

(2) 注意 JDK 路 径 的 设置 地 址 ,并 在 设置 环境 变量 时 能 够 正确 测试 出 结 
(3) 能 够 使 用 Tomcat 服务 测试 JSP 页 面 。 

(4) 能 够 使 用 IS 服务 测试 ASP 页 面 。 


六 、 思 考题 与 练习 

(1) 练习 使 用 在 线 考 试 网 站 (ASP) ,并 测试 整个 网 站 。 

(2) 练习 并 测试 物资 管理 网 站 (JSP) ,能 够 正确 运行 ,并 查看 结果 。 
(5,2 实 训 2 一 一 实现 HTML 网 页 


一 、 实 验 类 别 
操作 型 实验 。 
二 、 实 验 目 的 


(1) 熟练 掌握 HTML 标记 的 使 用 方法 。 
(2) 能 够 制作 五 洲 留学 网 站 的 界面 。 


三 、 实 验 内 容 及 要 求 


(1) 熟练 掌握 HTML 页 面 标记 。 

(2) 熟练 运用 文档 格式 标记 、 字 号 ,文本 修饰 .段落 格式 。 
(3) 实现 超 链 接 标记 。 

(4) 能 够 设计 表单 页 面 。 

(5) 熟练 使 用 CSS 样式 设计 页 面 。 


282， ”动态 网 站 设计 与 开发 实用 教程 


SAA 


四 、 实 验方 法 及 步骤 


本 实 训 通过 建立 五 洲 留学 网 站 ,掌握 对 HTML 网 页 的 制作 。 以 加 拿 大 网 站 页 面 为 例 ， 
讨论 制作 方法 。 

软件 : Dreamweaver MX 以 上 版 本 、Windows XP。 

操作 方法 : 创建 3 个 页 面 文件 ,分 别 是 top. htm、bottom. htm .index. htm。 


1. top.htm 文件 的 制作 方法 


打开 Dreamweaver 软件 ,在 页 面 上 右 击 ,选择 “页 面 属性 ”, 将 左边 距 和 上 边 距 设置 为 0, 然 
后 按照 图 15-16 创建 表格 (4 行 1 列 )。 
top. htm 文件 的 界面 如 图 15-16 所 示 。 


转 直 图 诗作 中 文 | zaaisk | 留学 球 入学 快讯 | 关于 我 们 | 本 站 服务 | 在 线 论坛 | 联系 发 D anad 守 


图 15-16 top. htm 界面 


【top. htm 代码 】 


<HTML> 
<HEAD> 
<META http ~ equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<TITLE> 留 学 快讯 </TITLE > 
< META name = "GENERATOR" content = "Microsoft FrontPage 3.0"> 
<LINK rel = "stylesheet" href = "public/style.css"> 
</HEAD > 
< BODY topmargin = "0" leftmargin = "0"> 
<DIV align = "center">< CENTER> 
< TABLE border = "0" cellpadding = "0" cellspacing = "0" width = "715"> 
<TR> 
< TD height = "5" bgcolor ="#B0151B"></TD> 
</TR> 
<TR> 
<TD valign = "middle" height = "29" bgcolor = "#FFFFFF"><DIV align = "center">< CENTER>< 
TABLE border = "0" cellpadding = "0" cellspacing = "0" width= "715"> 
<TR> 
<TD width= "45">< IMG src= "images/10go 002. jpg" width = "42" height = "29"></TD> 
<TD width= "626"><DIV align = "center">< CENTER >< TABLE border = "0" cellpadding = "0" 
cellspacing = "0" width= "100 %" height = "19"> 
<TR> 
<TD height = "15"></TD> 
</TR> 
<TR> 
<TDwidth= "100%" height = "14"><DIV align= "center">< CENTER >< TABLE border = 


第 15 章 ”综合 实 训练 习 


cellpadding = "0" 
cellspacing = "0" width= "100% "> 
<TR> 
<TD width= "36% ”valign = "bottom"> gnbsp; <A HREF = "index. htm" class = 
"b1"> 简 体 中 文 </A> | <A 
HREF = ". . /en/index. htm" class = "bl"> English </A> | <A HREF = "../.. /index. 
htm" class = "bl"> 留 学 全 球 </A></TD> 
<TD width= "8%" valign= "bottom"></TD> 
<TD width = "56 %" valign = "bottom">< A HREF = "../../news/index. htm" class = 
"b1"> 留 学 快讯 </A> 
| <A HREF = "../../about_us. htm" class = "bl"> 关 于 我 们 </A> | <A HREF = 
"../../serve.htm" 
class = "bl"> 本 站 服务 </a> | <a href ="../../bbs.htm" class = "bl"> 在 线 论坛 
"../../contact_us. htm" class = "b1"> 联 系 我 们 </A></TD> 
</TR> 
</TABLE> 
</CENTER></DIV ></TD> 
</TR> 
</TABLE > 
</CENTER ></DIV ></TD> 
<TD width= "103">< img src = "images/logo 003. jpg" width= "101" height = "29"></TD> 
</TR> 
</TABLE > 
</CENTER ></DIV></TD> 
</TR> 
<TR> 
< TD valign = "top" height = "3" bgcolor = "#FFFFFF"></TD> 
</TR> 
<TR> 
<TD valign= "top" height = "1" bgcolor = "#000000"></TD> 
</TR> 
<TR> 
<TD valign= "top" height = "4" bgcolor = "#FFFFFF"></TD> 
</TR> 
</TABLE > 
</CENTER ></DIV ><DIV align = "center"><CENTER> 


</A> | <A HREF 


< TABLE border = "0" cellpadding = "0" cellspacing = "0" width = "715"> 
<TR> 
<TD height = "57" valign = "top"><DIV align = " center">< CENTER >< TABLE border = "0" 
cellpadding = "0" 
cellspacing = "0" height = "57" width = "715" bgcolor = "#B0151B"> 
<TR> 
<TD width= "37"></TD> 
<TD width= "407">< IMG src= "images/logo 001. jpg” width = "320" height = "51"></TD> 
<TD width= "334">< IMG src= "images/pic_001. jpg" width = "332" height = "58"></TD> 
</TR> 
</TABLE > 
</CENTER ></DIV></TD> 
</TR> 
<TR> 
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< TD height = 
</TR> 
<TR> 
<TD height = "20”valign = "middle" bgcolor = "# 363636" width = "679">< DIV align = 
"center">< CENTER >< TABLE 
border = "0" cellpadding = "0" cellspacing = "0" width= "717"> 
<TR> 
<TD width = "24">< IMG src = "images/pic 002. jpg" width = "5" height = "24"></TD> 
<TD width= "59" class = "f2"><A HREF ="../../index.htm"> 留 学 全 球 </A></TD> 
<TD width= "10" class = "f2">< FONT color = "#FFFFFF">|</FONT ></TD> 
<TD width= "73" class = "f2"><A HREF = "index. htm"> 加 拿 大 首页 </A></TD> 
<TD width= "12" class = "f2">< FONT color = "#FFFFFF">|</FONT></TD> 
<TD width= "64" class = "f2"><A HREF = "news. htm"> 留 学 快讯 </A></TD> 
<TD width= "11" class = "f2">< FONT color = "#FFFFFF">|</FONT></TD> 
<TD width class = "f2"><A HREF = "index. htm"> 认 识 加 拿 大 </A></TD> 
<TD width = class = "f2"><FONT color = " 井 EEFFFFF">|</EFONT></TD> 
< TD width= "62" class= "f2">< A HREF = "college. htm"> 院 校 介 绍 </A></TD> 
<TD width= class = "f2">< FONT color = " #FFFFFF">|</FONT ></TD> 
<TD width= "60" class = "f2"><A HREF = "application. htm"> 申 请 指南 </A></TD> 


valign= "top” width = "715"></TD> 


<TD width= "316"></TD> 
<TD width = >< DIV align = "center"><CENTER>< TABLE border = "0" cellpadding = "0" 
cellspacing = width= "113% "> 

<TR> 


<TD width="63% "></TD> 
<TD width = "50 % ">< IMG src = "images/pic 003. jpg" width = "6" height = "24"></TD> 
</TR> 
</TABLE > 
</CENTER ></DIV ></TD> 
</TR> 
</TABLE > 
</CENTER ></DIV></TD> 
</TR> 
<TR> 
<TD height = "1" valign= "top" width= "715" bgcolor ="#C8C8C8"><DIV align = "center">< 
CENTER >< TABLE 
border = "0" cellpadding = "0" cellspacing = "0" width = "715"> 
<TR> 
<TD width= "9"><DIV align= "center">< CENTER >< TABLE border = "0" cellpadding = "0" 
cellspacing = "0" width= "100 % "> 
<TR> 
<TD width="46%" bgcolor = "#ffffff"></TD> 
<TD width = "54$% "></TD> 
</TR> 
</TRBLE > 
</CENTER ></DIV></TD> 
<TD width= "66"></TD> 
<TD width= "12"></TD> 
<TD width= "57"></TD> 
<TD width= "11"></TD> 
<TD width= "58"></TD> 
<TD width= "13"></TD> 
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<TD width= "60"></TD> 
<TD width= "11"></TD> 
<TD width= "61"></TD> 
<TD width= "11"></TD> 
<TD width= "67"></TD> 
<TD width= "337"></TD> 
<TD width= "16"><DIV align = "center">< CENTER ><TRBLE border = "0" cellpadding = "0" 
cellspacing= "0" width= "113% "> 
<TR> 
<TD width="63% "></TD> 
<TD width = "50$% ”bgcolor = "#ffffff"></TD> 
</TR> 
</TRBLE > 
</CENTER ></DIV></TD> 
</TR> 
</TRBLE > 
</CENTER ></DIV></TD> 
</TR> 
<TR> 
< TD height = "1" valign = "top" width = "715" bgcolor = "# EDEDED">< DIV align = "center"> 
< CENTER >< TABLE 
border = "0" cellpadding = "0" cellspacing = "0" width= "715"> 
<TR> 
<TD width= "9"><DIV align = "center">< CENTER >< TABLE border = "0" cellpadding = "0" 
cellspacing= "0" width= "100 % "> 
<TR> 
<TD width="46%" bgcolor = "#ffffff"></TD> 
<TD width="54% "></TD> 
</TR> 
</TABLE > 
</CENTER ></DIV></TD> 
<TD width= "66"></TD> 
<TD width= "12"></TD> 
<TD width= "57"></TD> 
<TD width= "11"></TD> 
<TD width= "58"></TD> 
<TD width= "13"></TD> 
<TD width= "60"></TD> 
<TD width= "11"></TD> 
< TD width= "61"></TD> 
<TD width= "11"></TD> 
<TD width= "67"></TD> 
<TD width= "337"></TD> 
<TD width= "16"><DIV align = "center">< CENTER ><TRBLE border = "0" cellpadding = "0" 
cellspacing = "0" width = "113 $ "> 
<TR> 
<TD width ="63$ "></TD> 
< TD width = "50 当 "bgcolor = "#ffffff"></TD> 
</TR> 
</TRBLE > 
</CENTER ></DIV></TD> 
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</TR> 
</TRBLE > 
</CENTER ></DIV></TD> 
</TR> 
</TABLE > 
</CENTER ></DIV> 
</BODY> 
</HTML> 


2. bottom.htm 文件 的 制作 方法 


打开 Dreamweaver 软件 , 右 击 鼠标 ,选择 “页 面 属性 ”, 将 左边 距 和 上 边 距 设置 为 0。 然 
后 按照 图 15-17 创建 表格 (2 行 1 列 )。 
bottom. htm 文件 的 界面 如 图 15-17 所 示 。 


图 15-17 bottom. htm 文 件 


【bottom. htm 代码 】 


<HIML> 
< HEAD> 
<META http — equiv = "Content - Type" content = "text/html; charset = gb2312"> 
< TITLE> ENGLISH 政策 法 规 常用 链接 寻求 合作 广告 服务 友情 链接 

版 权 声 明 隐私 权 保护 </TITLE > 
< META name = "GENERATOR" content = "Microsoft FrontPage 3.0"> 
</HEAD > 
< BODY topmargin = "0" leftmargin = "0"> 
< DIV align = "center">< CENTER> 
<TRABLE border = "0" cellpadding = "0" cellspacing= "0" width= "715"> 

<TR> 

< TD valign = "middle" height = "22" bgcolor = "#363636" align = "center"><P align = 

"center">< FONT 


Size= "2" color = "#FFFFFF">< A HREF =".. /en/index. htm"> ENGLISH </A> <A HREF ="../../ 
policy. htm"> 政 策 法 规 </A> 
<A HREF ="../../common_links. htm"> 常 用 链接 </A><A HREF = ". . /. ./cooperate. htm"> 寻 求 合 
作 </A> 
< A HREF ="../../ad/index. htm"> 广 告 服务 </A > < A HREF ="../../links. htm"> 友 情 链接 
</A><A 
HREF = ". . /. ./copyright. htm"> 版 权 声明 </A> <A HREF = ". ./../contact_us. htm"> 隐 私 权 保护 
</A></FONT ></TD> 
</TR> 
<TR> 
<TD valign = "top" height = "2"></TD> 
</TR> 
<TR> 


< TD height = "61" valign = "middle”" bgcolor = "# B0151B"><DIV align = "center">< CENTER > 
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< TABLE 
border = 
<TR> 


0" cellpadding = "0" cellspacing = "0" width = "361"> 


<TD width = "361">< FONT face = "Verdana" size= "2" color = "#FFFFFF">Copyright 2004 


Overseasstudy. cn All Rights Reserved </FONT></TD> 
</TR> </TABLE > </CENTER ></DIV ></TD> 
</TR></TABLE ></CENTER ></DIV ></BODY ></HTML > 


3. index. htm 文件 的 制作 方法 


index. htm 主页 文件 中 包含 3 个 文件 ,分 别 是 top. htm、bottom. htm ,index. htm。 其 
中 ,top. htm 和 bottom. htm 是 独立 的 外 部 文件 , 须 通过 JavaScript 代码 将 两 个 文件 嵌入 到 
index. htm 主页 文件 中 。 合 成 后 的 index. htm 主页 文件 如 图 15-18 所 示 。 


阿 休 中立 | Eneaich | 蚁 学 全球 名 学 块 讯 | 关于 我 们 | 本 站 服务 | 在 贱 论 坛 | 联系 戈 站 《am 党 


1 
ET 0 
留学 快讯 


加 全 大 两 柱 导 航 加 他 大 高 术 导 人 


留学 快讯 加 重大 商 核 导航 D0 重大 两 梳 号 Eb 
i 加 他 大 高 术 导 航 加 他 大 商检 导 4 

加 他 大 商 校 导 伍 加 他 大 商 术 导 6 
留学 快讯 加 他 大 高 核 导航 加 学 大 商 核 导 8 


面 音 识 计 加 拿 大 而 和 术 导航 加 拿 大 商 校 号 纹 


[sam wins> ma | 


四 “加 侠 大 政府 
中 请 指 出 中 语 指 出 > 起 体 机: 兄 ee /pp 器 加 全 大 才 再 机 构 
”D0 全 大 生活 加 孚 大 地 图 加” 加 他 大 政府 
申请 指向 申请 指 咖 > 旅游 名胜 日 20 季 大 微调 机 构 
pop 
UE 十 加 加 拿 大 出 商机 构 
四 ”加 他 大 政府 
签证 指南 入 证 指南 避 加 拿 大 竹 育 机 构 
四 ”加 全 大 政府 
短 证 指 呵 UE 向 加 加 拿 大 千 育 机 构 
可 ”加 他 大 政府 
可 ”加 他 大 玫 育 机 45 
17ovwes 7ovea Tovea SR 
加 “加 全 大 八 育 机 构 
TE 
aawTa 
人 留 池 切 试 留 池 当 试 留 茸 雪 试 留 节 考试 
前 学 才 i 鲁 字 和 i 国字 考试 刘 他 考试 eaw7a 


图 15-18 index. htm 文件 


在 index. htm 中 加 入 如 下 JavaScript 代码 : 


<SCRIPT> 
function onDownloadDone( downDate){ // 定 义 页 面 事件 触发 时 加 载 的 函数 
showImport. innerHTML = downDate // 加 载 说 入 htm 网 页 的 方法 
} 


oDownload. startDownload( 'top. htm', onDownloadDone) ”// 嵌 入 文件 名 top. htm 
</SCRIPT > 
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< SCRIPT> 
function onDownloadDonel(downDate){ // 定 义 页 面 事件 触发 时 加 载 的 函数 
showImport1. innerHTML = downDate // 加 载 嵌 入 htm 网 页 的 方法 


， 
oDownload1. startDownload( 'bottom. htm', onDownloadDonel) // 嵌 入 文件 名 bottom. htm 
</SCRIPT> 


4. CSS 样式 的 控制 


网 页 中 使 用 CSS 样式 控制 网 页 的 字体 、 图 片 .链接 的 样式 。 
1) 字体 样式 控制 


.£11{ 

COLOR: #ffffff; // 颜 色 样式 

FONT: 14px 宋体 ; // 字 体 大 小 和 字体 形状 
font — weight :bold; // 字 体 加 粗 
line — height :18px } // 行 距 设置 18 像素 
2) 链接 样式 控制 
a.al:link { // 鼠 标 访问 前 样式 


COLOR: #ffffEF; 
TEXT - DECORATION: none} 

a.al:visited { // 鼠 标 访问 后 样式 
COLOR: #ffffff; 
TEXT - DECORATION: none } 

a.al:active { // 鼠 标 激活 后 样式 
COLOR: #000000; 
TEXT - DECORATION: none} 

a.al:hover { // 鼠 标 浮动 时 样式 
COLOR: #ffffff; 
TEXT — DECORATION: underline} 


在 使 用 CSS 控制 中 ,操作 方法 分 为 两 个 步骤 。 
第 一 步 : 在 head 标记 中 加 入 <link rel 二 "stylesheet" href 二 "public/style. css"> 代 码 ,如 
下 所 示 : 


<HEAD> 

<META http— equiv = "Content - Type" content = "text/html; charset = gb2312"> 
<TITLE > 五 洲 留 学 网 gmiddot; 留学 全 球 www. overseasstudy. cn </TITLE > 

< META name = "GENERATOR" content = "Microsoft FrontPage 3.0"> 

<LINK rel = " stylesheet”href = "public/style.css"> 

</HEAD> 


第 二 步 : 在 对 应 控制 的 文本 处 标注 class 一 “f1”, 代 码 如 下 所 示 : 


< TD width = "202" bgcolor ="#C12424" height = "19" class = "f1" valign = "bottom"> 
<R HREF = "news. htm"> 留 学 快讯 </A> 
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五 、 操 作 技 巧 与 注意 事项 


(1) 使 用 CSS 样式 控制 网 页 文本 、 链 接 字体 。 

(2) 使 用 JavaScript 技术 将 top. htm bottom. htm 和 index. htm 合成 在 一 起 。 
(3) 注意 表格 和 图 片 的 代码 设计 。 

(4) 注意 文本 和 图 片 链接 方法 。 


六 、 思 考题 与 练习 


(1) 制作 top. htm 文件 的 方法 。 

(2) 制作 bottom. htm 文件 的 方法 。 

(3) 制作 index. htm 文件 的 方法 。 

(4) 自行 设计 一 个 字体 控制 样式 f2 ,然后 根据 此 样式 ,应 用 到 index. htm 页 面 中 。 


(5 3 ” 实 训 3 一 一 JavaScript 和 VBScript 脚本 语言 的 实验 


一 、 实 验 类 别 
操作 型 实验 。 
二 、 实 验 目 的 


(1) 掌握 VBScript 脚本 的 使 用 。 
(2) 熟练 掌握 JavaScript 脚本 的 使 用 。 


三 、 实 验 内 容 及 要 求 


实验 软件 : Dreamweaver IIS 。 

VBScript 实验 ， 

(1) 显示 当月 日 历 : 把 当月 所 有 天 数 的 数字 输出 ,并 按 标准 日 历 形式 排列 。 
(2) 下 拉 列 表 的 实验 : 动态 产生 下 拉 列 表 。 

JavaScript 实验 : 注册 页 面 的 实验 。 


四 、 实 验方 法 及 步骤 
1. 显示 当月 日 历 


把 当月 所 有 天 数 的 数字 输出 ,并 按 标 准 日 历 形式 排列 。 

显示 当月 日 历代 码 运 行 结果 如 图 15-19 所 示 ,这 是 一 个 月 的 日 历 , 并 显示 星期 。 在 这 段 
代码 中 ,weekday() 函数 返回 代表 一 星期 中 某 天 的 整数 (1 一 7) ,分 别 表示 星期 日 至 星期 六 ; 
CDate() 函数 将 字符 串 转换 成 日 期 类 型 。 
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FE ESTEIEOEE 
| 文件 四 “编辑 @) 可 看 W) 收 蕊 内 工具 四 帮助 ” 
] 昌 恨 - 眉 - 国 固 0| 站 过 富 收 区 ”| 链 朗 


天 是 : 2008-3-12 
四 


图 15-19 显示 当前 日 历 


首先 用 if i 二 week then 语句 判断 每 月 的 第 一 天 是 星期 几 , 如 果 i 表示 的 数字 小 于 星期 
表示 的 数字 ,一 直 向 后 移 ,直到 i 二 week, 例 如 本 例 中 3 月 份 的 第 一 天 是 星期 六 ,第 一 行 的 前 
6 个 表格 用 空 来 表示 ,直接 把 1 输入 到 星期 六 对 应 的 表格 中 。 

循环 语句 do…loop 分 别 把 其 他 的 数字 与 表示 年 份 和 月 份 的 数字 组 合 ,然后 用 IsDate() 
函数 判断 是 不 是 本 月 合法 的 日 期 ,如 果 是 则 输出 。 

操作 代码 : 


…// 省 略 HTML 代码 
<TR> 
< TD class = "gray"> 日 </TD ><TD class = "gray"> 一 </TD><TD class = "gray"> 二 </TD> 
< TD class = "gray"> 三 </TD><TD class = "gray"> 四 </TD ><TD class = "gray"> 五 </TD> 
< TD class = "gray"> 六 </TD ></TR> 
<% 
date_time = date( ) ' 获 取 当 前 系统 日 期 并 赋值 给 变量 date_time 
r_year = year(date_time) ' 取 得 当前 年 份 并 赋值 给 r_year 
r_month= month(date_time) ' 取 得 当前 月 份 并 赋值 给 r_month 
week = weekday(cdate(r_yearg&" — "&r_monthg" —1")) 
' 当 月 第 一 天 表示 星期 的 整数 并 赋值 给 变量 week 
response. write "<TR align = center>"” ' 输 出 一 行 
i=1 初始 值 设 为 1 
today= 1 'today 初始 值 设 为 1 
do while today<= 31 ' 当 today 值 等 于 31 时 ,结束 循环 
If i< week then ' 如 果 i 值 小 于 星期 的 整数 时 ,输出 一 列 单元 格 
Response. Write "<TD> gnbsp;</TD>" 
i=i+1 
Else 
If isdate(r_yearg" 一 "&r_month&" - "&today) then ' 判 断 是 不 是 有 效 日 期 
Response. Write "< TD>"&today&"</TD >" 
End If 
If i mod 7 =0 then ' 判 断 是 不 是 一 周 的 最 后 一 天 , 如 果 是 则 换行 
Response. Write "</TR><TR align = center >" 
End if 
i=i+1 
today= today+ 1 
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End If 
loop 
多 > 
</TABLE ></BODY ></HTML > 


2. 下 拉 列 表 


操作 方法 : 
首先 创建 一 个 ASP 文件 ,从 表单 中 加 入 下 拉 列 表 控 件 ,如 图 15-20 所 示 , 然 后 定义 数组 


array, 并 设 定 各 省 的 名 称 ,最 后 用 response. write 方法 进行 输出 。 


年 动 态 产生 下 拉 列 表 - Microsoft Internel Eglo 革 |[= EE3| 
文件 四 、 编 入 上) 查看 WW) 收 训 和 ) 工具 D ”以 
回 反 : 昌 ' 罩 章 信 | 有 P 拉 祈 疏 天” 
EL 了 ] 全 扫 索 辣 新 闻 


请 选择 省 份 : 


图 15-20 下 拉 列 表 


操作 代码 : 


< HTML xmlns = "http://www. w3.org/1999/xhtml"> 
< HEAD> 
<META http — equiv = "Content - Type" content = "text/html; charset = utf - 8" /> 
<TITLE > 动态 产生 下 拉 列 表 </TITLE > 
</HEAD > 
<BODY> 
< TABLE width = "200" border = "0" cellspacing = "0" cellpadding = "0" align = "center"> 
<TR> 
<TD> 请 选择 省 份 : </TD> 
< TD><SELECT 
name = "province"> 
<% dim province, i 
province = array(" 北 京 市 "," 上 海 市 ", "天津 市 ", "重庆 市 ", "黑龙江 省 ", "吉林 省 ", "辽宁 省 ", "内 蒙 
古 ", "河北 省 ", "新 疆 ", "甘肃 省 ", "青海 省 ", "陕西 省 ", "宁夏 ", "河南 省 ", "山东 省 ", "山西 省 ", "安徽 
省 ", "湖北 省 ", "湖南 省 ", "江苏 省 ", "四 川 省 ", "贵州 省 ", "云南 省 ", "广西 ", "西藏 ", "浙江 省 ", "江西 
省 ", "广东 省 ", "福建 省 ", "台湾 省 ", "海南 省 ", "香港 ", "澳门 ") 


for each i in province 
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Response. write( "< option 
value = "&i&">"&ig"</option>") next 
%> 
</SELECT ></TD> 
</TR ></TRBLE ></BODY></HTML> 


3. 注册 页 面 的 实验 


操作 方法 : 创建 一 个 ASP 文件 ,从 表单 中 加 入 文本 框 控 件 . 单 选 按钮 .下 拉 列 表 、 图 像 控 
件 、 复 选 框 控件 ,按钮 控件 ,按照 图 15-21 位 置 排列 ,然后 加 入 JavaScript 脚本 代码 进行 验证 。 


JavaScript 脚本 验证 代码 ; 


< SCRIPT Language = " javascript"> 
function checkNull(txtItem, txtName){ 
if (txtItem. value == "") 
{ 
alert(txtName + "不 能 为 空 "); 
txtItem. focus( ); 
return false; 
}else return true; 
} 
function checkItem( itemObj, itemName){ 
var flag = false; 
for(var i=0;i< item0bj. length;i++ ){ 
if(itemObj[i]. checked) { 
flag= true;} 
} 
if(flag) 
return true; 
else{ 
alert(itemName + "不 能 为 空 "); 
return false; 
} 
} 
function checkForm( ){ 
a 


// 参 数 分 别 表示 文本 框 对 象 及 其 对 应 中 文 
// 若 文本 框 对 象 的 值 为 空 


// 进 行 提醒 

// 将 光标 焦点 指向 该 文本 框 

// 函 数 返回 值 为 假 

// 香 则 表示 填写 过 内 容 , 函数 返回 值 为 真 
// 参 数 分 别 表示 单 选 框 对 象 及 其 对 应 中 文 
// 循 环 检查 单 选 框 对 象 是 否 被 选中 

// 做 标记 

// 若 被 选中 


// 未 被 选中 
// 提 示 


// 验 证 表单 元 素 是 否 为 空 


checkNull(document. getElementById("uid"), "用 户 名 ")&& 
checkNull(document. getElementById("pwd"), "密码 ")&& 


checkItem( document. all. sex, "性 别 ")&& 


checkNull( document. getElementById("userFace"), "头像 ")&& 
checkNull(document. getElementById("email"), "电子 邮件 ")&& 


checkItem( document. all. character, "性 格 ")&& 
checkItem( document. all. interest, "兴趣 爱好 ") 
) 

document. forms[0].action = '?go = 提交 '; // 表 单 提交 标记 

document. forms[0]. submit( ); 
n 
function checkAll( touch, name) 
{ 

var el = document. getElementsByTagName( 'input'); // 读 取 表 单 内 所 有 元 素 


Var len = el. length; 
for(var i=0; i<len; i++) 


{ 
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// 读 取 元 素 的 个 数 
// 循 环 元 素 个 数 的 次 数 


if((el[i].type== "checkbox") SS (el[i].name== name)) // 读 取 所 有 名 为 name 的 复 选 框 


{ 


if(document. getElementById(touch) .checked) // 车 用 户 单 击 “ 全 选 ” 


{ 

el[i].checked = true; 
} 
else{ 

el[i].checked = false; 
} 


} 
} 
function chgFace(){ 
document. forms[ 0]. submit( ); 
} 
</SCRIPT > 
</HEAD> 
< 和 
uid = Trim(Request("uid" ) ) 
pwd = Trim(Request("pwd" )) 
Sex = Trim(Request("sex")) 
userFace = Trim(Request("userFace" ) ) 
email = Trim(Request("email")) 
character = Trim(Request("character")) 
interest = Trim(Request("interest")) 
go= Trim(Request("go")) 
If go <>"" Then 
第 > 
提交 成 功 ! 
<% 
End If 
第 > 


注册 页 面 如 图 15-21 所 示 。 


// 选 中 所 有 复 选 框 


// 用 户 取 消 全 选 
// 取 消 所 有 复 选 框 被 选中 


用 户 名 


HE | c 另 6 女 
知 | 司 回 
[7 Lr 


el [srs meses omrs 


LN RsTRAS 


[mm 


性 格 广 | 三 联 明 付 旗 
厂 处 事 酒 说 厂 


三 乐天 达观 厂 成 熟 稳重 厂 幼稚 调皮 三 渴 柔 体贴 
厂 医 泌 可 爱 厂 普 普 通通 厂 内 向 害羞 厂 外 向 开朗 已 心地 善良 
三 善 解 人 意 三 风趣 砚 默 三 思想 开放 忆 积极 进取 
三 小 心 着 慎 三 郁郁 罕 欢 所 正义 正直 厂 不 观 失意 厂 好 吃 后 化 


兴趣 爱好 厂 | 厂 唱歌 距 舞 厂 体育 运动 三 阅读 书籍 


15-21 


R 
医 一 汉 | 


注册 页 面 的 验证 
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五 、 操 作 技 巧 与 注意 事项 


(1) 由 于 一 周 有 7 天 ,每 7 天 是 一 个 循环 ,因此 用 ifimod 7 二 0 then 语句 来 判断 是 否 已 
经 是 一 周 的 第 七 天 , 即 星期 六 ,如 果 是 , 则 动态 地 重新 输出 一 行 ,然后 把 之 后 的 数字 输入 到 新 
产生 的 表格 中 ,一 直 循环 ,直到 today 的 值 大 于 表示 本 月 最 大 日 期 的 值 。 

(2) 注册 页 面 中 ,采用 循环 语句 判断 是 否 选中 复 选 框 。 

(3) 注意 文本 框 中 验证 用 户 名 是 否 为 空 的 方法 。 


六 、 思 考题 与 练习 


(1) 利用 JavaScript 上 传 图 像 的 方法 。 
(2) 利用 VBScript 动态 输出 九 九 乘法 表 的 方法 。 


(15,4 实 训 4 一 一 留言 板 的 实验 


一 、 实 验 类 别 
操作 型 实验 。 
二 、 实 验 目的 


(1) 理解 数据 库 访 问 技术 ODBC。 
(2) 熟练 掌握 在 ASP 中 连接 Access 数据 库 的 方法 。 


三 、 实 验 内 容 及 要 求 


(1) 掌握 IIS 信息 服务 器 的 安装 和 启动 。 

(2) 使 用 ODBC 数据 访问 接口 访问 Access 数据 库 。 创 建 一 个 ODBC 数据 源 ,在 ASP 
应 用 程序 中 直接 使 用 该 数据 源 访问 Access 数据 库 中 的 数据 。 

(3) 能 够 在 留言 板 上 发 言 ,并 将 发 言 信息 写 入 数据库 中 。 

(4) 能 够 查看 留言 信息 ,管理 员 可 以 回复 留言 信息 。 


四 、 实 验方 法 及 步骤 
1. lIS 信息 服务 器 的 安装 和 启动 


1) IIS 的 安装 

选择 “开始 ”一 "设置 "一 “控制 面板 ”一 添 加 /删除 程序 ”命令 ,在 “添加 或 删除 程序 ”对话 
框 中 单 击 “ 添 加 /删除 Windows 组 件 ” 按 钮 .就 会 弹出 “Windows 组 件 向 导 ” 对 话 框 。 在 其 中 
选择 “Internet 信息 服务 (1IS)”, 然 后 单 击 “ 下 一 步 ”按钮 ,随后 根据 提示 一 步 步 安装 即 可 。 

2) IIS 的 启动 

在 “Internet 信息 服务 ”对 话 框 左 侧 的 树 窗 格 中 右 击 “本 地 计算 机 ”图 标 , 从 弹出 的 快捷 
菜单 中 选择 “所 有 任务 ”>“ 重 新 启动 IIS? 命 令 。 要 浏览 ASP 页 面 ,只 须 右 击 ASP 页 面 , 单 
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击 “ 浏 览 ” 按 钮 , 即 可 运行 。 
2. 创建 ODBC 数据 源 
(1) 打开 控制 面板 ,双击 管理 工具 ,如 图 15-22 所 示 。 


文件 他 ) 编辑 (E) 查看 (WD 收藏 (A) 工具 (IT) 帮助 (H) 十 
汪 局 搜索 局 文件 夹 ”四 ~ 


BO 后 -© 

地 址 中 ) | 友 管 理工 具 司 回转 到 
文件 和 文件 类 任务 ST ii 林地 安全 策略 
和 六 人 k 
训 TT l 务 Ea 计 下 机 二 


站 到 etz 人 文人 

@ Tm 
六 天才 

9 开交 

x Bt 


ET 0D65 执 据 十 和 对 动 程 订 < [ER ELT 


图 15-22 管理 工具 界面 


(2) 双击 “数据 源 (ODBC) 图标, 启动"ODBC 数据 源 管理 器 ”, 如 图 15-23 所 示 。 
四国 


6 10DBC 数据 源 管理 器 
用 户 TSW 系统 DS8 | 文件 TSW | 3 动 程序 | 照 只 ”| 连接 池 | 关于 | 


系 纺 站 所 源 名 ) 
E33 和 加 四) 
Driver do Microsoft Access (+ mdb) 
ee nae hd 
[0 


Gl 是 


Ca ww | sw | ww | 
图 15-23 ”ODBC 数据 源 管理 器 


(3) 切换 到 “系统 DSN” 标 签 , 单 击 “ 添 加 "按钮 ,在 已 安装 的 驱动 程序 列表 中 为 数据 源 选 
择 一 个 数据 库 驱 动 程序 (如 Access), 单 击 “ 完 成 ”按钮 ,如 图 15-24 所 示 。 


创建 新 救 据 源 


ER 
ft Excel .x1s) 
oft Paradox (tb ) 
eresoft Visual FoxPre 
Mierosoft Access Driver («mdb) 
Microsoft Access-Treiber 人 -aahb) 


Mierosoft dhase Driver (*. dbf) 
Microsoft dBase YEP Driver (¢. dbf) 


图 15-24 ”为 数据 源 选择 一 个 数据 库 驱动 程序 
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(4) 在 ODBC 设置 界面 中 ,如 图 15-25 所 示 , 从 指定 的 数据 源 名 中 选择 已 经 建立 好 的 数 
据 库 名 (如 学 生 管理 系统 . mdb) ,然后 单 击 “ 确 定 " 按 钮 ,完成 数据 库 源 的 选择 。 


0DBC Microsoft Access 安装 ?x 
数据 源 名 吧 ; 滴定 

说 明 四 ): 

a | 
_ mo | 


进 择 ()... | 创举 CQ... | 修复 @).. | 压缩 如 ... | 


加 js 电子 书店 蚀 证 
文件 关 型 TD): 豫 动 器 中 
Aceess 数据 库 (rm i: WL ~ 


图 15-25 指定 数据 源 名 并 选择 数据 库 服务 器 
3. 打开 Access 数据 库 ,创建 数据 库 表 
(1) 进入 Access, 选 择 * 文 件 ”>“ 新 建 空 数据 库 ” 一 “文件 名 : db. mdb” 一 “使 用 设计 器 
创建 表 ”。 
(2) 创建 表 , 表 名 如 下 所 示 。 


。 admin 表 : 主要 负责 建立 用 户 的 名 称 和 密码 的 登录 信息 ,如 图 15-26 所 示 。 
。 gb 表 : 主要 负责 建立 留言 信息 的 内 容 , 如 图 15-27 所 示 。 


图 15-26 ”admin 表 图 15-27 gb 表 
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4. 创建 登录 界面 文件 login.asp 
建立 网 络 留言 本 首页 ,如 图 15-28 所 示 ,操作 方法 如 下 : 


管理 登陆 - 了 icrosoft Internet Ezxplorer 
文件 到) ”编辑 下 ) 查看 WD 收藏 和 工具 GD) 帮助 0) 
3 日 - 国 国 铭记 扫 雪 去 收 VV 天 本 四 -外 目 - 


地 址 四 ) 独 http://127.0.0.1:11734/1ogin asp 


网 络 留言 本 首页 


Copyright © 2010-2011. 如 1 Rights Reserved [管理 登录 ] 


国 Internet 


图 15-28 网 络 留言 本 login. asp 


(1) 打开 Dreamweaver 软件 ,建立 一 个 7 行 3 列 的 表格 。 表 格 内 容 设 置 如 表 15-1 
所 示 。 
表 15-1 登录 表 的 对 象 


对 象 名 属性 名 属 性 值 
text 姓名 
| 4 
id 2 
text 5# 码 
Label2 Sh 网 
id 空 
id txtUserName 
Textl 2 
text 空 值 
id txtUserPass Word 
Text2 type password 
text 空 值 
text 登录 
Buttonl . . 
id Submit 
text 重 置 
Button2 
id Reset 


(2) 建立 数据 库 连接 文件 conn. asp。 
在 记事 本 中 写 人 如 下 代码 ,命令 为 conn. asp 并 保存 。 


jp 
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【代码 】 


< 和 


Dim db, conn, connstr ' 定 义 3 个 变量 名 ,分 别 是 db .conn .connstr 

db="_data/# data_cnpn.mdb” "建立 数据 库 名 字 

set conn = Server. Create0bject("RDODB. Connection" ) ' 创 建 ADO DB 连接 

connstr = "Provider = Microsoft. Jet. OLEDB.4.0;Data Source = " & Server. MapPath(""&db&"") 
" 设 定 驱 动 服务 器 的 提供 者 和 服务 器 的 路 径 

conn. Open connstr ' 打 开 连 接 

第 > 

< 和 

' 设 定 每 页 显示 留言 数量 

Dim listnum 

listnum = 10 

' 过 滤 HTML 代码 

function HTMLEncode(fString) 

fString = replace(fString, 


"ggt;") 
fString = replace(fString, - "St") 
fString = Replace(fString, CHR(32), "gnbsp;") 
fString = Replace(fString, CHR(34), "&quot;") 
fString = Replace(fString, CHR(39), "&#39;") 
fString = Replace(fString, CHR(13), "") 
fString = Replace(fString, CHR(10) & CHR(10), "</P><P'>") 
fString = Replace(fString, CHR(10), "<BR>") 
HTMLEncode = fString 
end function 
"检查 输入 的 Email 是 否 合法 
function IsValidEmail(email) 
Dim names, name, i ,c 
IsValidEmail = true 
names = Split(email,"@") “' 使 用 拆 分 函数 , 校 验 邮 箱 
if UBound(names) <> 1 then 

IsValidEmail = false 

exit function 
end if 
for each name in names 


if Len(name) <= 0 then 
IsValidEmail = false 
exit function 
end if 
for i = 1 to Len(name) 
c = Lease(Mid(name, i, 1)) 
if InStr("abcdefghijklmnopqrstuvwxyz_- ."，c) <= 0 and not IsNumeric(c) then 
IsValidEmail = false 
exit function 
end if 
next 
if Left(name, 1) = "." or Right(name, 1) = "." then 
IsValidEmail = false 
exit function 
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end if 
next 
if InStr(names(1), ".") <= 0 then 
IsValidEmail = false 
exit function 
end if 
i= Len(names(1)) — InStrRev(names(1), ".") 
if i <> 2 and i <> 3 then 
IsValidEmail = false 
exit function 


end if 
if InStr(email, "..") > 0 then 
IsValidEmail = false 


end if 
end function 


5. 添加 留言 界面 文件 add.htm 


打开 Dreamweaver, 创 建 12 行 3 列 的 表格 ,表格 界面 如 图 15-29 所 示 。 表 格 对 象 设置 
如 表 15-2 所 示 。 


签 写 新 留言 (为 必 填 项 ) 
[2 ~ [Gls EC 
标题 : 
妆 箱 : 
主页 : [Http] 
号: | 
验证 : 
保密 : | 
内 容 : 
mg) 
| 家 
i 2 
图 15-29 填写 新 留言 
表 15-2 言 表 对 象 
对 象 名 属 性 名 属 性 值 
Labell I 更 称 
记 空 
text 3 
Label2 Sn 标 居 
id 空 
Label3 pe dd 
庆 空 
主 
Label4 要 


id 空 


300 


A 
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续 表 
对 象 名 属 性 名 属 性 值 
text QQ 号 
Label5 
id 空 
text 验证 
Label6 
id 空 
text 内 容 
Label7 
id 空 
下 ci ld txtUserName 
ext 
Sn text 空 值 
id txtUserPass Word 
Text2 type password 
text 空 值 
Bb 1 text 登录 
tt 
ee id Submit 
text 重 写 
Button2 . 
id Reset 


五 、 操 作 技 巧 与 注意 事项 
(1) 设置 数据 源 时 ,注意 ODBC 数据 源 的 设置 方法 。 
(2) 制作 主页 界面 ,要 求 在 主页 页 面 中 引入 conn. asp 文件 ,引入 方法 如 下 : 


<! 一 #include file= "inc/conn.asp" —> 


六 、 思 考题 与 练习 


(1) 简 述 留言 板 的 原理 。 

(2) 讨论 留言 板 的 数据 库 设计 。 
(3) 制作 留言 板 的 登录 界面 。 
(4) 制作 留言 板 的 留言 界面 。 


605.5 实 训 5 一 一 购物 车 的 实验 


一 、 实 验 类 别 
操作 型 实验 。 
二 、 实 验 目的 


(1) 理解 购物 车 的 购物 流程 。 
(2) 了 解 B2C 的 电子 商务 购物 模式 。 
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(3) 掌握 购物 车 的 展示 、 添 加、 购物 功能 。 
三 、 实 验 内 容 及 要 求 


本 次 实验 主要 以 购物 车 的 购买 流程 为 主要 内 容 , 重 点 掌握 以 下 5 个 方面 : 
(1) 商品 列表 展示 。 

(2) 商品 详细 信息 展示 。 

(3) 向 购物 车 中 添加 商品 。 

(4) 查看 购物 车 。 

(5) 收银 台 结算 。 


四 、 实 验方 法 及 步骤 
1. 购物 功能 分 析 


1) 系统 模块 划分 

系统 模块 划分 为 商品 展示 模块 ,购物 车 模块 ,收银 台 结 算 模块 。 

商品 展示 模块 包括 商品 列表 、 商 品 详细 信息 ,如 图 15-30 所 示 。 

购物 车 模块 包括 向 购物 车 中 添加 商品 、 查 看 购物 车 ,修改 已 购买 商品 的 数量 、 移 除 购物 
车 中 指定 商品 ,如 图 15-31 所 示 。 

收银 台 结算 模块 包括 填写 用 户 信 息 、 显 示 用 户 信息 ,如 图 15-32 所 示 。 


商品 展示 模块 收银 台 结算 模块 


网 向 购物 车 中 添加 商品 
瘟 | | 间 查看 购物 车 簿 | | 显 
罚 | 量 人 必 | | 前 
表 细 杏 | | [修改 已 购买 商品 的 数量 户 户 
El 一 - jae 
是 移 除 购物 车 中 指定 商品 J 
图 15-30 商品 展示 模块 图 15-31 购物 车 模块 图 15-32 ”收银 台 结 算 模块 


2) 购物 的 过 程 
首先 登录 系统 ,进入 index. asp 页 面 浏览 商品 列表 ， 


看 到 自己 喜欢 的 商品 后 , 单 击 图 片 ,查看 商品 详细 信息 浏览 商品 列表 增加 已 购 实 
的 detail. asp 页 面 。 确 定购 买 该 商品 ,把 它 放 入 购物 车 商品 数量 
cart asp 中 。 在 购物 车 中 可 存放 多 个 商品 ,这 些 商品 都 [ER 
是 自己 想 要 购买 的 商品 ,所 以 在 网 站 购物 中 可 同时 购买 

多 个 商品 。 确 定购 买 的 商品 后 ,查看 购物 车 的 内 容 , 进 。 [Xi 在 
入 收银 台 进 行 结算 的 account. asp 页 面 ,系统 会 自动 为 
每 个 商品 分 配 订单 编号 ,完成 支付 功能 。 购 物 成 功 后 ，。 pF| [MK 良 三 大 
退出 系统 。 购 物流 程 展示 如 图 15-33 所 示 。 


2. 商品 展示 模块 (GaH 系 统 ) | 查看 了 站 信息 | 


将 商品 以 静态 页 的 形式 放置 到 网 页 中 ,并 为 每 个 商 图 15-33 购物 流程 
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品 添加 固定 的 链接 ,便于 区 分 。 
操作 思路 : 
(1) 创建 index. asp 文件 (如 图 15-34 所 示 ) ,手动 维护 3 条 商品 记录 。 


/index. asp 


页 
于 
-Em 

价格 : 苦 2499 价格 : 兰 16599 价格 : 兰 43999 
惠普 彩色 嘲 墨 打印 机 圳 痊 黑白 激光 打印 机 喜 普 彩色 沂 光 打印 机 


图 15-34 index. asp 购物 车 首页 


(2) 创建 detail. asp 文件 (如 图 15-35 所 示 ) ,接收 从 首页 (index. asp) 传 递 过 来 的 参数 ， 
根据 商品 标识 不 同 , 显 示 各 自 对 应 的 商品 图 片 。 
址 四 | 撞 http://127.0.0.1:10090/detail asp 回 | 园 大 到 


商品 洋 细 页 面 
惠普 (HP) DfficeJet PRO 彩 
色 喷 黑 打 印 机 


市 场 价格 : 蛙 2999 

商城 价格 : 旦 2499 

各 地 库存 : 北京 “上海 “广州 
-a 查询 编号 : 12 浏览 次 数 : 7 次 


\ 更 S 图 片 | 国生 时 Fa Ci 
图 15-35 detail. asp 详细 页 面 


(3) 在 detail. asp 中 将 商品 名 称 、 价 格 显示 在 页 面 中 。 

(4) 在 页 面 中 添加 购物 车 链接 ,将 商品 信息 通过 链接 传递 给 购物 车 模块 。 
关键 代码 : 

在 index. asp 中 实现 进入 detail. asp 的 代码 : 


<a href="detail.asp?proId= 1&proName = &#24800; gprice= 2499" target = _blank> 
在 detail. asp 中 ,从 图 像 控 件 中 选择 用 户 需 要 商品 的 详细 信息 代码 : 


< 多 

Select Case proId 
Case "1" propic = "1. jpg" 
Case "2" propic = "2. jpg" 
Case "3" propic = "3. jpg” 

End Select 

先 > 
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3. 购物 车 模块 


用 户 在 商品 详细 信息 页 (detail. asp) 单 击 “ 购 买 ”按钮 后 ,进入 购物 车 页 面 (cart. asp, 如 
图 15-36 所 示 ), 该 页 面 使 用 一 个 表格 存放 用 户 选择 过 的 所 有 商品 信息 。 


风机 车 页 面 
委 的 购物 车 
商品 名 称 惠 音 (JE ) DfficeJet THO 袁 色 哺 量 打印 机 
单价 2499 
数量 i 
而 入 由 条 本 
篇 号 商品 名 称 单价 数量 未 计 其 除 
合计 om 
EE 
图 15-36 ”购物 车 页 面 (cart. asp) 
操作 步骤 如 下 : 


(1) 单 击 “购买 ? 某 商品 后 ,进入 购物 车 页 面 (cart, asp) ,首先 读 取 Cookie 中 的 字符 串 ， 
在 Cookie 字符 串 中 查找 新 提交 的 商品 。 

(2) 通过 对 变量 position 的 判断 ,确定 该 商品 是 否 已 被 购买 过 ,如 果 变 量 的 值 不 为 0, 则 
只 修改 购买 数量 ,不 添加 新 的 记录 ; 如 果 变 量 的 值 为 0, 重新 添加 购买 商品 。 

(3) 将 Cookie 中 的 商品 信息 显示 在 购物 车 页 面 (cart. asp) 中 。 

关键 代码 : 

(1) 在 cart. asp 中 , 读 取 Cookie 中 的 字符 串 代码 : 


<% 
proId = Trim(Request("proId" ) ) "获取 编号 ,并 赋值 给 变量 proID 
proName = Trim( Request( "proName")) "获取 名 称 , 并 赋值 给 变量 proName 


prordString = Request. Cookies("proIdString") ' 分 别 获取 Cookie 中 的 字符 串 
proNameString = Request. Cookies("proNameString") 

pricestring = Request. Cookies("priceString") 

numberString = Request. Cookies( "numberString") 

position = InStr(proIdStrings"^", "^"gproIdg"^") 


(2) 确定 所 需 商 品 是 否 购买 的 代码 : 


If position <> 0 Then ' 若 变量 的 值 不 为 0, 修 改 购买 数量 ,不 添加 新 的 记录 
arrNM = Split(numberString, "^") 
numberString = "" 
For i = 1 To UBound(arrNM) "从 第 一 个 商品 开始 循环 
If i = (position+1)/2 Then 
newNumber = CInt(arrNM(i)) + CInt(number) 
Else 
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newNumber = arrNM(i) 


End If 
numberString = numberString&"^"&newNumber 
Next 
Else 
End If 
4. 收银 台 结算 
用 户 填 写 联系 方式 、 送 货 地 址 等 信息 ,完成 购物 过 程 (account. asp) ,如 图 15-37 所 示 。 
http://127.0.0.1:10090/sccomnt. asp EE 
收银 全 y 
扑 名 123 
地 址 123 
联系 方式 123 
收费 方式 回 货 到 付款 个 球 到 发 货 
CE 
图 15-37 结算 页 面 (account. asp) 
操作 步骤 如 下 : 


(1) 在 页 面 (account. asp) 中 编写 判断 函数 ,保证 用 户 信息 的 完整 性 。 

(2) 表单 (account. asp) 提 交 后 验证 表单 项 是 否 为 空 。 

(3) 表单 (account. asp) 验 证 通过 后 (验证 内 容 有 用 户 名 正确 .密码 正确 .购物 车 有 物品 、 
支付 成 功 ) ,向 用 户 提示 购买 成 功 ,同时 清空 购物 车 。 


关键 代码 : 
在 account, asp 中 用 户 信息 得 到 确认 后 ,调用 子 过 程 ,清空 Cookie 中 的 购物 车 信息 
代码 : 
If go <> "" Then 
Call checkNull(name, "姓名 ") "检查 表单 项 是 否 为 空 


Call checkNull(address," 地 址 ") 
Call checkNull(contract, "联系 方式 ") 
Call checkNull(order," 收 货 方式 ") 


Call setCookie( "proIdstring", "") ' 清 空 购物 车 原 有 内 容 
Call setCookie("proNameString", "") 
Call setCookie("pricestring", "") 
Call setCookie("numberString", "") 


%> 
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五 、 操 作 技 巧 与 注意 事项 


(1) 从 表单 获取 数据 和 发 送 数据 时 ,注意 使 用 Response 对 象 和 Request 对 象 。 
(2) 使 用 Select…Case 语法 可 以 判断 用 户 需 要 的 商品 信息 。 

(3) 利用 Cookie 对 象 保存 用 户 信 息 , 并 且 能 够 读 取 Cookie 中 保存 的 信息 。 
(4) 添加 新 记录 时 ,使 用 字符 串 拼接 及 拆 分 的 方法 。 

(5) 在 用 户 信息 得 到 确认 后 ,调用 子 过 程 清空 Cookie 中 的 购物 车 信息 。 


六 、 思 考题 与 练习 


(1) 简 述 电子 商务 的 几 种 模式 。 
(2) 简 述 购物 车 的 购买 流程 。 
(3) 制作 购物 车 展示 模块 。 

(4) 制作 购物 车 模块 。 

(5) 制作 收银 台 结 算 模块 。 


人: 6 实 训 6 一 SOL Server 数据 库 与 基本 表 的 创建 和 管理 


一 、 实 验 类 别 
验证 型 实验 。 
二 、 实 验 目的 


使 学 生 熟 练 掌握 和 使 用 SQL 或 Transact-SQL、SQL Server 企业 管理 器 创建 数据 库 、 
表 、 索 引 和 修改 表 结 构 ,学 会 使 用 SQL Server 查询 分 析 器 接收 Transact-SQL 语句 和 进行 结 
果 分 析 。 


三 、 实 验 内 容 及 要 求 


(1) 创建 数据 库 和 查看 数据 库 属性 。 

(2) 创建 表 , 确 定 表 的 主键 和 约束 条 件 ,为 主键 建立 索引 ; 查看 和 修改 表 结 构 。 

(3) 熟悉 SQL Server 企业 管理 器 和 查询 分 析 器 工具 的 使 用 方法 。 

(4) 建立 Student 数据 库 及 其 数据 表 ( 学 生 表 S、 课 程 表 C 和 选课 表 SC) 和 表 间 联系 。 
(5) 选择 合适 的 数据 类 型 ; 定义 必要 的 索引 、 列 级 约束 和 表 级 约束 。 


四 、 实 验 步骤 及 方法 
1. 使 用 企业 管理 器 创建 Student 数据 库 的 步骤 


(1) 选择 “开始 ”一 “程序 ”一 Microsoft SQL Server“ 企 业 管理 器 ”, 打 开 企 业 管理 器 。 
(2) 选中 需要 在 其 上 创建 数据 库 的 服务 器 , 单 击 前 面 的 “十 "号 ,使 其 展开 为 树 形 目录 。 
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(3) 选中 数据库” 文件 夹 , 右 击 鼠 标 ,从 弹出 的 快捷 菜单 中 选择 “新 建 数 据 库 " 命 令 , 在 
出 现 的 “数据 库 属性 ”对 话 框 的 “常规 ”选项 卡 中 输入 数据 库 名 Study ,如 图 15-38 所 示 。 


数据 库 属 性 Study x 
常规 | 数据 文件 | 事务 日 志 | 


印 名 称 N} [Study 
数据 库 
状态 : (未知) 
所 有 者 (未 知 ) 
自 妇 日 则 【未 知 ) 
大 小 : 《未 知 ) 
可 用 空间 ; (未知 ) 
用 户 数 《未知 ) 
备份 
上 次 数据 库 备份 
上 次 事务 日 志 备份 无 
的 护 
准 护 计划 无 
排序 规则 名 称 : [二 设置 ) 本 
mm | 


图 15-38 “数据 库 属性 "对话 框 


(4) 单 击 “ 数 据 文件 "标签 ,输入 数据 库 文件 的 属性 ,包括 文件 名 、 存 放 位 置 和 初始 大 小 
等 ,如 图 15-39 所 示 。 在 选择 文件 位 置 时 ,可 以 单 击 * 位 置 ? 列 的 天 按钮 ,在 调 出 的 文件 选择 
器 中 进行 位 置 选择 。 文 件 属性 参数 说 明 如 下 。 
ET 了 TITZ x 
常规 。 数据 文件 | 事务 日 志 | 


到 除 E) 
文件 尾 性 
条 文件 自动 增长 G6] 
文件 增长 景 大 文件 大 小 
玉 按 光 本 节目 了 | 文件 增 长 不 有 限制 山 
I“ Fm IC Ne 


CC |] 了 天助 
图 15-39 “数据 库 属性 "对话 框 中 的 “数据 文件 "选项 卡 
“文件 自动 增长 " 复 选 框 : 选中 后 允许 文件 装 满 数 据 时 自动 增长 。 


@ “文件 增长 ”选项 组 : 允许 文件 自动 增长 时 ,设置 每 次 文件 增长 的 大 小 。 选 择 “ 按 兆 
字 节 ”选项 , 则 设置 文件 增长 为 固定 的 大 小 ,单位 是 MB; 选择 * 按 百分比 ?选项 , 则 文件 按 指 
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定 比 例 数 增长 ,单位 是 %。 

@ “最 大 文件 大 小 ”选项 组 : 设置 当 允 许 文 件 扩展 时 数据 文件 能 够 增长 的 最 大 值 。 选 
择 “ 文 件 增长 不 受 限制 "选项 ,可 使 文件 无 限 增长 ,直到 用 完 磁盘 空间 ; 选择 “将 文件 增长 限 
制 为 ?选项 ,要 设置 文件 最 多 达到 的 固定 值 。 

(5) 单 击 “ 事 务 日 志 ” 标 签 ,输入 日 志文 件 属性 ,包括 文件 名 、 存 放 位 置 . 大 小 和 文件 属 
性 。 单 击 “ 确 定 ” 按 钮 ,关闭 对 话 框 。 在 企业 管理 器 窗口 中 出 现 Student 数据 库 标 志 , 这 表明 
建 库 工作 已 经 完成 。 


2. 查看 和 设置 数据 库 属性 


右 击 Student 数据 库 标志 ,在 弹出 的 快捷 菜单 中 选择 “属性 ”选项 ,出 现 “Study 属性 ?对 
话 框 , 它 由 6 个 选项 卡 构成 。 其中,“ 文件 组 ”选项 卡 用 来 设置 数据 库 的 文件 组 ;“ 权 限 ” 选 项 
卡 用 来 设置 用 户 对 该 数据 库 的 访问 权限 ;“ 选 项 ”选项 卡 如 图 15-40 所 示 , 用 来 设置 数据 库 
的 操作 许可 、 故 障 还 原 模型 以 及 数据 库 在 进行 操作 时 的 行为 特征 。 


党 规 “| 数据 文件 | 事务 日 志 | 文件 组 选项 | 权限 | 
访问 一 
厂 限制 访问 和 
[a YW 
玉昌 
厂 只 六 
训 随 还 原 
模型 IM} 简单 了 
设置 
厂 ANSINULL 默 认 设置 E] 打 自动 关闭 加 
厂 递归 租 发 器 ) 厅 自动 收编 
厅 自动 更 新 统计 信息 [6] 厅 自动 外 建 坑 计 信息 上 
厅 残 志 页 检测 E] 厂 使 用 被 引用 的 标识 符 (Q) 
兼容 性 
部 别 L} EE 
mm | 而 | 


图 15-40 “Study 属性 "对话 框 中 的 “选项 ”选项 卡 


3. 删除 数据 库 


右 击 要 删除 的 数据 库 , 从 弹出 的 快捷 菜单 中 选择 “删除 ”命令 ,再 单 击 确认 删除 对 话 框 中 
的 “确认 ?按钮 。 

4. 新 建 表 

在 SQL Server 2000 的 数据 库 中 ,文件 夹 是 按 数 据 库 对 象 的 类 型 建立 的 ,文件 夹 名 是 该 


数据 库 对 象 名 。 在 企业 管理 器 中 ,双击 已 定义 好 的 Student 数据 库 后 ,会 看 到 它 自 动 设置 了 
关系 图 、 表 视图、 存储 过 程 、 用 户 、 角 色 、 规 则 、 默 认 等 文件 夹 。 
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(1) 新 建 表 的 方法 是 右 击 Student 数据 库 中 的 表 文件 夹 ,从 弹出 的 快捷 菜单 中 选择 “新 
建 表 ” 命 令 , 出 现 如 图 15-41 所 示 的 输入 表 结 构 对 话 框 。 


mSQL Server Enterprise Nanager 


文件 中 窗口 加。 帮助 咖 
CER TET TEREEEEE 


而 “Study” 中 (在 “HEK” 上 ) 的 困 表 


Cdatabase default> 


图 15-41 输入 表 结 构 对 话 框 


(2) 标识 用 于 设置 字段 名 、 初 始 值 以 及 步 长 ,以 便 让 SQL Server 2000 自动 填写 该 列 的 
值 。 一 个 表 只 允许 有 一 列 具 有 标识 ,其 数据 类 型 只 能 为 int\smallint ,tinyint decimal(P,0) 
或 numeric(P,0) ,不 允许 为 空 值 。 

在 输入 表 结 构 对话 框 中 右 击 , 则 会 弹出 菜单 。 选 择 “ 设 置 主键 "选项 , 则 定义 当前 字段 为 
主键 , 表 中 第 一 列 处 会 显示 钥匙 图 案 ; 选择 * 插 入行 选项, 则 在 当前 字段 处 插入 一 个 新 行 ; 
选择 “删除 列 ” 选 项 , 则 删除 当前 字段 ; 选择 “属性 ?选项 ,可 弹出 * 属 性 对话 框 , 如 图 15-42 所 
示 ,可 以 在 其 中 定义 索引 / 键 .与 其 他 表 间 的 关联 和 约束 等 属性 。 


甫 | 关系 素 引 / 键 |cierck 约束 | 


囊 名 TABLE1 
选 定 的 索引 G) 


类 型 主要 | _ 有 建 四 但 @) 
索引 名 名 ): 了 PK_TABLE1 


L_ 和 交 _ ] 种 


图 15-42 “属性 ”对 话 框 
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字段 输入 完 后 ,就 可 以 关闭 建 表 对 话 框 了 。 在 弹出 的 对 话 框 中 输入 表 名 , 单 击 “确定 ” 按 
钮 后 , 表 结 构 的 建立 就 完成 了 。 


5. 定义 表 的 完整 性 约束 和 索引 


1) 定义 索引 和 键 

(1) 查看 、 修 改 或 删除 索引 时 , 先 要 在 图 15-42 中 的 "* 选 定 的 索引 ?下拉 列表 框 中 选择 索 
引 和 名 ,其 索引 内 容 就 显示 在 表 中 。 也 可 以 直接 在 表 中 修改 索引 内 容 , 如 改变 索引 列 名 、 排 序 
方式 等 。 对 于 不 需要 的 索引 可 以 单 击 * 删 除 ? 按 钮 直接 删除 。 

(2) 新 建 一 个 索引 时 , 单 击 “新建 "按钮 ,并 在 下 面 的 表 中 输入 索引 名 、 索 引 列 名 及 排序 
方式 。 

(3) 设置 “创建 UNIQUE"” 复 选 框 ,确定 是 否 为 唯一 索引 约束 。 设 置 "创建 为 CLUSTERED” 
复 选 框 ,确定 是 否 为 聚 簇 索 引 。 

2) 定义 表 间 关联 

(1) 单 击 "关系 "标签 ,如 图 15-43 所 示 。 查 看 、 修 改 或 删除 表 关联 时 , 先 要 在 “ 选 定 的 关 
系 " 下 拉 列 表 框 中 选择 关系 名 ,其 关联 内 容 就 显示 在 表 中 ,也 可 以 直接 在 表 中 修改 关联 内 容 ， 
如 改变 主键 ,改变 外 键 等 。 对 于 不 需要 的 关联 可 以 单 击 " 删 除 ” 按 钮 直接 删除 。 


表 关系 | 案 引 / 键 | ChECK 约束 | 


衷 名 : Student 
这 关系): [msiauass | 
ap# 
关系 名 四 ) [nds 
主 相 表 中) 外 妇 表 加 ) 
class student 


和 助 
图 15-43 “属性 ”对话 框 中 的 “关系 ”选项 卡 


(2) 新 建 一 个 关联 时 , 单 击 “ 新 建 "按钮 ,选择 库 中 的 关联 表 后 ,在 表 中 输入 关联 名 主键 
和 外 键 。 

(3) 设置 “创建 中 检查 现存 数据 " 复 选 框 ,确定 新 建 关联 时 是 否 对 数据 进行 检查 ,要 求 符 
合 外 键 约束 ; 设置 “对 复制 强制 关系 " 复 选 框 ,确定 在 进行 数据 复制 时 是 否 要 符合 外 键 约束 ; 
设置 “对 INSERT 和 UPDATE 强制 关系 " 复 选 框 ,确认 在 进行 数据 的 插入 和 更 新 时 是 否 要 
符合 外 键 约束 ; 设置 “级 联 更 新 相关 的 字段 ” 复 选 框 和 “级 联 删 除 相 关 的 记录 ” 复 选 框 ,确认 
被 参照 关系 的 主键 值 被 修改 时 是 否 也 将 参照 表 中 的 对 应 的 外 码 值 修改 ,而 被 参照 关系 的 主 
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键 被 删除 时 ,是否 也 将 参照 表 中 对 应 外 键 的 记录 删除 。 

3) 定义 CHECK 约 东 

(1) 单 击 *CHECK 约束 ”标签 ,如 图 15-44 所 示 。 查 看 ,修改 或 删除 CHECK 约束 时 ,要 
在 “ 选 定 的 约束 ”下 拉 列 表 框 中 选择 约束 名 ,其 约束 内 容 就 显示 在 约束 表达 式 框 中 ,也 可 以 直 
接 在 框 中 修改 约束 表达 式 。 对 于 不 需要 的 约束 可 以 单 击 “ 删 除 ” 按 钮 直接 删除 。 


表 | 关系 | 素 引 / 键 ChECK 约束 | 


囊 各 ; [ student 

选 定 的 约束 G): [cEstvient | 
新 建 轨 “| 和 除 四 ) 

约束 名 玫 ) Jseam 

约束 表达 式 O) 

EEC 


图 15-44 “属性 "对话 框 中 的 “CHECK 约束 "选项 卡 


(2) 新 建 一 个 CHECK 约束 时 , 单 击 * 新 建 ? 按 钮 ,输入 约束 名 和 约束 表达 式 。 在 此 设置 
S 表 中 Sex 属性 的 取 值 范围 是 “ 男 ? 或 者 " 女 ”; Sage 属性 的 取 值 范围 为 15 一 45 之 间 以 及 C 
表 和 SC 表 中 相应 属性 的 约束 。 

(3) 设置 “创建 中 检查 现存 数据 " 复 选 框 ,确认 在 创建 约束 时 是 否 对 数据 进行 检查 ,要 求 
符合 约束 要 求 ; 设置 “对 复制 强制 约束 ” 复 选 框 ,确认 在 进行 数据 复制 时 是 否 要 符合 约束 条 
件 ; 设置 "对 INSERT 和 UPDATE 强制 约束 ” 复 选 框 ,确认 在 进行 数据 的 插入 和 更 新 时 是 
否 要 求 符合 约束 条 件 。 

6. 修改 表 结 构 

(1) 使 用 企业 管理 器 。 首 先 选 中 该 表 , 右 击 鼠 标 , 从 弹出 的 快捷 菜单 中 选择 “设计 表 ” 命 
令 , 则 出 现 输入 表 结 构 对 话 框 ,在 此 用 户 对 原 有 内 容 进行 修改 。 

(2) 使 用 SQL 语句 。 在 企业 管理 器 中 选择 “工具 ”>“SQL 查询 分 析 器 ”菜单 项 ,打开 查 


询 分 析 器 。 在 此 输入 修改 表 结 构 的 命令 ALTER TABLE, 有 3 种 修改 方式 : ADD 方式 ,用 
于 增加 新 的 字段 名 ; ALTER 方式 ,用 于 修改 某 些 列 ; DROP 方式 ,用 于 删除 完整 性 约束 。 


五 、 操 作 技 巧 与 注意 事项 


(1) 数据 库 的 名 称 最 长 为 128 个 字符 , 且 第 一 个 字符 必须 是 字母 字符 ,不 区 分 大 小 写 。 
(2) 一 个 服务 器 在 理论 上 可 以 管理 32 767 个 数据 库 。 一 个 数据 库 至 少 应 包含 一 个 数据 
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文件 即 主 数据 文件 和 一 个 事务 日 志文 件 。 

(3) 列 名 也 称 为 字段 名 , 它 类 似 于 变量 名 ,其 命名 规则 与 变量 一 致 。 列 名 中 不 允许 出 现 
空格 ,一 张 表 也 不 允许 有 重复 的 列 名 。 

(4) 数据 类 型 列 中 的 数据 类 型 是 通过 数据 类 型 下 拉 框 选择 的 ,而 不 是 直接 输入 数据 类 
型 字符 输入 的 。 

(5) 每 一 个 表 只 能 创建 一 个 聚 簇 索引 ,可 以 创建 多 个 (249 个 ) 非 聚焦 索引 。 

(6) 正在 使 用 的 数据 库 不 能 删除 ; 系统 表 不 能 删除 。 


六 、 思 考题 与 练习 


(1) 为 什么 要 建立 索引 ? 索引 越 多 越 好 ,这 句 话 是 否 正确 ?聚焦 索引 与 非 聚 侯 索 引 各 
有 什么 特点 ? 

(2) Student 数据 库 的 SC 表 中 ,学 号 .课程 号 采用 数值 型 ,还 是 采用 字符 型 ? 采用 哪 种 
数据 类 型 更 好 ? 

(3) 在 SQL 中 列 级 数据 完整 性 约束 有 哪 几 类 ? 

(4) 如 何 设 置 默 认 约束 ? 将 S 表 中 Sdept 属性 的 默认 值 设置 为 “计算 机 系 ”。 


(15,7 实 训 7 一 一 数据 查询 实验 


一 、 实 验 类 别 
二 、 实验 目的 


使 学 生 掌握 SQL Server 查询 分 析 器 的 使 用 方法 ,加 深 对 SQL 和 Transact-SQL 语言 的 
查询 语句 的 理解 与 应 用 。 熟 练 掌握 简单 表 的 数据 查询 和 数据 连接 查询 的 操作 方法 。 


三 、 实 验 内 容 及 要 求 


(1) 简单 查询 操作 ,包括 投影 .选择 条 件 表达 数据 排序 等 。 
(2) 连接 查询 操作 ,包括 等 值 连接 、 自 然 连接 ,一 般 连 接 、 外 连接 、 左 连接 、 右 连接 和 自身 
连接 等 。 


四 、 实 验方 法 及 步骤 


(1) 将 查询 需求 用 Transact-SQL 语言 表示 。 

(2) 在 SQL Server 查询 分 析 器 的 输入 区 中 输入 SQL 或 Transact-SQL 查询 语句 。 

(3) 设置 查询 分 析 器 结果 区 为 Standard Execute( 标 准 方 式 ) 或 Execute to Grid 方式 。 
(4) 发 布 执行 命令 ,查看 查询 结果 ; 如 果 结 果 不 正确 ,进行 修改 ,直到 正确 为 止 。 

单 击 “ 开 始 " 菜 单一 Microsoft SQL Server 一 “企业 管理 器 ”, 打 开 企 业 管 理 器 , 先 选 中 
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Student 数据 库 , 再 选择 “工具 ”一 “SQL 查询 分 析 器 ”菜单 项 ; 或 者 选择 “开始 ”菜单 中 的 
Microsoft SQL Server>“ 查 询 分 析 器 ”, 均 可 打开 查询 分 析 器 ,如 图 15-45 所 示 。 查 询 分 析 
器 的 主要 作用 是 编辑 Transact-SQL 语句 ,将 其 发 送 到 服务 器 ,并 将 执行 结果 及 分 析 显 示 出 
来 (或 进行 存储 ) 。 查 询 分 析 功 能 主要 通过 测试 查询 成 本 、 判 断 该 查询 是 否 需要 增加 索引 以 
提高 查询 速度 ,并 可 以 实现 自动 建立 索引 的 功能 。 在 查询 生成 器 的 左边 窗口 是 对 象 浏 览 器 ， 
其 中 以 树 形 结构 列 出 数据 库 对 象 ; 右上 方 是 输入 SQL 代码 区 域 ,用 于 输入 SQL 的 查询 语 
句 ; 右 下 方 为 结果 区 ,用 于 显示 查询 结果 和 分 析 结 果 。 窗 口 的 下 半 部 分 是 SQL 语句 执行 结 
果 的 信息 窗口 。 其 中 ,工具 栏 上 的 "> "图 标 表示 执行 查询 ,“V ”图标 表 示 分 析 查 询 “ 国 ”图 
标 表示 取消 执行 查询 。 


对 象 浏览 器 吕 ) 
EL select * from 十 


B rer 
HO distribation 


HU lxx 

出 naster 
HU nodel 
HO nsdh sno class_no|s_nane 
HU ne 001101 js0001 ” 宗 大 ; 
WU Northwind 001102 js0001 
001201 js0002 

001202 js0002 

002101 xx0001 

002102 xx0001 

991101 js9901 


泪 汝 对 对 酒 对 泗 | 


各 对 [加 要 isa 5) [Stuay [0:00:00 |14 行 行 2, 列 1 
入 接 : 1 Dnm 


图 15-45 ”查询 分 析 器 界面 


用 Transact-SQL 语句 进行 以 下 查询 操作 。 

1) 简单 查询 

(1) 查询 全 体 学 生 的 学 号 和 姓名 。 

(2) 查询 计算 机 系 的 所 有 学 生 信息 。 

(3) 查询 选修 了 课程 的 学 生 学 号 。 

(4) 查询 选修 了 C02 课程 的 学 号 和 成 绩 , 并 对 查询 结果 按 成 绩 降序 排列 ,如 果 成 绩 相同 
则 按 学 号 升序 排列 。 

(5) 查询 选修 了 课程 C04 且 成 绩 在 80 一 90( 包 括 80 和 90) 分 之 间 的 学 生 学 号 和 成 绩 ， 
并 将 成 绩 乘 以 0.9 系数 输出 。 

(6) 查询 全 体 学 生 的 姓名 及 其 出 生年 份 。 

(7) 查询 缺少 成 绩 的 学 生 学 号 和 课程 号 。 

(8) 查询 名 字 中 第 二 个 字 为 “小 ”或 “大 " 字 的 学 生 的 姓名 和 学 号 。 

2) 连接 查询 

(1) 查询 每 个 学 生 的 信息 及 其 选课 的 信息 。 

(2) 查询 计算 机 系 学 生 的 选课 情况 ,要 求 列 出 其 学 号 、 姓 名、 选修 的 课程 号 及 成 绩 。 
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(3) 查询 与 刘 晨 在 同一 个 系 学 习 的 学 生 的 姓名 和 所 在 系 。 

(4) 查询 信息 系 选修 VB 课程 的 学 生 的 学 号 ,姓名 成绩 。 

(5) 查询 选修 了 数据 库 基础 课程 且 成 绩 在 85 分 以 上 的 学 生 学 号 、 姓 名 及 成 绩 。 

(6) 用 Transact-SQL 语句 表示 学 生 表 S 和 选修 课程 表 SC 之 间 的 左 外 连接 、 右 外 连接 
和 完全 外 连接 。 


五 、 操 作 技 巧 与 注意 事项 


(1) 如 果 想 去 掉 查询 结果 表 中 的 重复 行 ,必须 有 distinct 关键 字 。 

(2) 查询 结果 的 几 种 处 理 方式 。 

(3) 输入 SQL 语句 时 ,应 注意 语句 中 均 使 用 西 文 操作 符号 。 

(4) 通过 top 关键 字 来 限制 返回 到 结果 集中 的 行 数 ,其 基本 格式 如 下 : 

Select top n [ percent ] * from 表 名 

如 果 没 有 percent 关键 字 ,n 就 是 返回 前 几 条 记录 的 行 数 ; 如 果 带 有 percent 关键 字 ,n 
则 是 返回 结果 集中 行 数 的 百分比 。 

(5) 对 数据 类 型 为 text 和 image 的 字段 不 能 使 用 Order by 进行 排序 ; 在 Order by 子 
句 中 也 不 能 使 用 子 查询 、 聚 全 函数 和 常量 表达 式 。 


六 、 思 考题 与 练习 


(1) 在 查询 某 一 表 中 所 有 记录 时 所 使 用 的 特定 符号 是 。 

(2) 在 Select 语句 中 使 用 关键 字 可 消除 字段 的 重复 项 。 

(3) 如 果 要 查询 S 表 中 前 4 行 记录 ,应 该 使 用 的 语句 是 

(4) 有 一 种 查询 叫 模糊 查询 ,在 SQL 语句 中 要 使 用 关键 字 来 实现 这 种 查询 
方式 。 


(5) 如 何 提高 数据 查询 和 连接 速度 ? 
(6) 理解 内 连接 、 左 外 连接 和 右 外 连接 的 含义 及 表达 方法 。 


(15,8 实 训 8 一 一 数据 的 导入 /导出 与 数据 库 备份 /还 原 


一 、 实 验 类 别 
验证 型 实验 。 
二 、 实 验 目 的 


(1) 使 学 生 掌握 SQL Server 中 利用 DTS 向 导 实 现 数据 的 导入 /导出 。 
(2) 使 学 生 了 解 SQL Server 的 数据 备份 和 还 原 机 制 ,熟练 掌握 使 用 企业 管理 器 进行 数 
据 库 的 备份 /还 原 方法 。 
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三 、 实 验 内 容 及 要 求 


(1) 利用 SQL Server 2000 中 提供 的 DTS 向 导 实 现 数据 的 导出 。 

(2) 利用 SQL Server 2000 中 提供 的 DTS 向 导 实现 数据 的 导入 。 

(3) 使 用 企业 管理 器 创建 一 个 备份 Student 数据 库 ,要 求 每 星期 对 数据 库 备 份 一 次 。 
(4) 在 企业 管理 器 中 还 原 Student 数据 库 。 


四 、 实 验方 法 及 步骤 
1. 利用 SQL Server 2000 中 提供 的 DTS 向 导 实 现 数据 的 导出 


将 Student 数据 库 中 的 S 表 导 出 ,格式 为 下 xecl 电子 表格 。 

打开 企业 管理 器 ,选择 菜单 “工具 ”一 “向 导 ”, 在 弹出 的 窗口 中 单 击 “数据 转换 服务 "左边 
的 “十 "号 ,使 之 展开 ,选择 “DTS 导出 向 导 ? 选 项 , 单 击 “确定 按钮。 或 者 右 击 SQL Server 
2000 企业 管理 器 的 控制 树 的 “数据 转换 服务 "节点 ,选择 “所 有 任务 ”, 单 击 “ 导 出 数据 (E)”。 
以 上 方法 均 可 弹出 数据 的 导出 向 导 对 话 框 。 单 击 “ 下 一 步 ? 按 钮 ,通过 以 下 6 个 步骤 即 可 完 
成 数据 导出 : 

(1) 选择 数据 源 的 类 型 .认证 方式 ,将 要 导出 数据 的 数据 库 ( 导 出 数据 时 ,活动 连接 是 默 
认 的 源 服务 器 ) , 单 击 * 下 一 步 ? 按 钮 。 

(2) 选择 将 数据 复制 到 何 处 。 在 此 选择 Microsoft Excel 97、Excel 2000 ,并 指定 文件 名 
及 路 径 , 单 击 “ 下 一 步 "按钮 。 

(3) 选择 从 源 数据 库 得 到 目标 数据 的 方式 (三 选 一 ,在 此 选 从 源 数据 库 复 制 表 ), 单 击 
“下 一 步 "按钮 。 

(4) 选择 数据 表 ( 至 少 选 一 个 表 , 也 可 以 选 多 个 表 ) , 单 击 " 下 一 步 " 按 钮 。 

(5) 选择 传输 数据 的 执行 方式 以 及 是 否 保存 DTS 包 , 单 击 * 下 一 步 ?按钮 。 

(6) 系统 显示 以 上 设置 信息 摘要 , 单 击 “ 完 成 ”按钮 即 可 。 


2. 利用 SQL Server 2000 中 提供 的 DTS 向 导 实 现 数据 的 导入 


首先 在 Microsoft Access 中 创建 Student. mdb 数据 库 以 及 创建 S 表 (sno, sname， 
birthday) ,向 S 表 中 插入 一 条 记录 。 然 后 打开 企业 管理 器 ,选择 菜单 “工具 ”一 “向 导 ”, 在 弹 
出 的 窗口 中 单 击 “ 数 据 转换 服务 ”左边 的 “十 "号 ,使 之 展开 ,选择 “DTS 导入 向 导 ” 选 项 , 单 击 
“确定 ”按钮 。 或 者 右 击 SQL Server 2000 企业 管理 器 的 控制 树 的 “数据 转换 服务 ”节点 , 选 
择 “ 所 有 任务 ”, 单 击 * 导 入 数据 (T)”。 以 上 两 种 方法 均 可 弹出 数据 的 导入 向 导 对 话 框 。 单 
击 * 下 一 步 ? 按 钮 ,通过 以 下 6 个 步骤 即 可 完成 数据 导入 : 

(1) 选择 数据 源 的 类 型 (在 此 选 Microsoft Access) ,输入 将 要 导入 数据 的 数据 库 文 件 名 
( 导 和 数据 时 ,活动 的 服务 器 连接 的 就 是 目标 服务 器 ) , 单 击 “ 下 一 步 按 钮 。 

(2) 选择 将 数据 复制 到 何 处 。 在 此 选择 当前 默认 连接 的 Student 数据 库 , 并 指定 认证 
方式 ,用户 名 和 密码 , 单 击 “下 一 步 " 按 钮 。 

(3) 选择 从 源 数据 库 得 到 目标 数据 的 方式 (三 选 一 ,在 此 选 从 源 数据 库 复 制 表 ) , 单 击 
“下 一 步 ”按钮 。 
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(4) 选择 数据 表 ( 至 少 选 一 个 表 , 也 可 以 选 多 个 表 ) , 单 击 “ 下 一 步 ”按钮 。 
(5) 选择 传输 数据 的 执行 方式 以 及 是 否 保存 DTS 包 , 单 击 *“ 下 一 步 ?按钮 。 
(6) 系统 显示 以 上 设置 信息 摘要 , 单 击 “完成 "按钮 即 可 。 


3. 使 用 企业 管理 器 创建 备份 文件 


(1) 右 击 “管理 ”文件 夹 下 的 “备份 "节点 ,从 弹出 的 快捷 菜单 中 选择 “新 建设 备 " 选 项 。 
(2) 在 出 现 的 对 话 框 中 输入 备份 文件 的 逻辑 名 称 ,确定 备份 文件 的 文件 名 (可 通过 圈 
按钮 改变 备份 文件 的 默认 磁盘 文件 路 径 和 文件 名 ) , 单 击 “ 确 定 ” 按 钮 。 


4. 备份 Student 数据 库 


(1) 在 企业 管理 器 中 右 击 备份 的 Student 数据 库 , 从 弹出 的 快捷 菜单 中 选择 “所 有 任 
务 " 中 的 “备份 数据 库 ” 选 项 , 则 出 现 数据 库 备份 对 话 框 。 对 话 框 中 有 “常规 ”和 “选项 ”两 个 
页 面 。 

(2)“ 常 规 ” 选 项 卡 如 图 15-46 所 示 。 第 一 区 域 是 选择 要 备份 数据 库 ; 第 二 区 域 是 选择 
备份 的 类 型 (完全 ,差异 备份 等 ); 第 三 区 域 是 指定 备份 介质 ,可 通过 “添加 ”按钮 选择 备份 的 
设备 或 文件 ,通过 “内容 "按钮 查看 备份 设备 或 文件 中 的 内 容 , 通 过 "删除 "按钮 删除 已 经 选 定 
的 备份 设备 文件 ; 第 四 区 域 是 选择 将 备份 保存 到 备份 文件 时 的 覆盖 模式 ; 最 后 一 个 区 域 是 
选择 执行 备份 的 日 期 和 时 间 ,可 通过 辆 按钮 设 定 备份 计划 需要 执行 的 操作 。 

(3)“ 选 项 ”选项 卡 如 图 15-47 所 示 , 设 置 是 否 进 行 备份 文件 验证 ,是 否 初 始 化 备份 
芝 体 5 

单 击 “ 确 定 ” 按 钮 之 后 ,出 现 数 据 库 备份 成 功 信息 框 , 单 击 “ 确 定 ” 按 钮 。 


常规 过 项 | 


这 项 
一 ， 验证 备份 时 检 读 取 可 个 备份 并 检查 媒体 的 读 整 性 。 请 检查 
四 捍 体 的 标识 及 马 IN 有 间 以 条 意外 重 写 ， 
厂 先世 后 狂 证 各 从 Vi 
厂 名 从 所 
厂 到 动 的 条 
检查 媒体 集 名 称 和 备份 集 列 JR 二 (C) 
所 体 集 名 称 电 ) 
可 主 :4 
dss 
Ve = 
凑 件 集 标签 
初 娩 化 碘 带 媒体 集 或 克 生 找 体 集 醋 浓 除 该 找 体 上 以 前 的 内 
容 ， 并 用 一 个 各 称 和 撕 述 未 标识 该 媒体 。 
他 和 加 到 腻 体 E) 厂 初 # 


人 重 写 现 有 媒体 一 
5 WE | 际 1 启 芋 旺 期 日 发 生 , 在 上 .| 件 生生 在 | 


已 到 Jw | 玛 mm | 
图 15-46 数据 备份 的 “常规 "选项 卡 图 15-47 数据 备份 的 "选项 ”选项 卡 


5. 还 原 Student 数据 库 
(1) 在 企业 管理 器 中 右 击 要 还 原 的 数据 库 Student, 从 弹出 的 快捷 菜单 中 选择 “所 有 任 
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务 ” 中 的 “还 原 数 据 库 ” 选 项 , 则 出 现 数据 库 还 原 对 话 框 。 该 对 话 框 中 有 “常规 "和 “选项 ”两 个 
选项 卡 。 

(2) 在 “常规 ”选项 卡 中 选择 数据 库 以 及 还 原 方式 。 不同 的 选项 ,其 选项 页 面 和 设置 恢 
复 的 方法 也 不 同 。 

(3) 在 “选项 ”选项 卡 中 设置 附加 特征 。 

(4) 当 完 成 了 “常规 ”" 和 “选项 ”选项 卡 的 参数 设置 后 , 单 击 下 面 的 “确定 ”按钮 ,SQL 
Server 就 开始 进行 数据 库 还 原 操作 ,屏幕 上 显示 出 还 原 进度 的 对 话 框 。 


五 、 操 作 技 巧 与 注意 事项 


(1) 注意 : 只 有 输入 正确 的 所 有 者 口令 才 可 以 修改 该 DTS 包 的 定义 和 执行 DTS 包 。 
若 只 输入 用 户口 令 , 只 能 执行 DTS, 不 能 修改 DTS 包 定 义 。 

(2) 在 备份 设备 属性 对 话 框 中 ,磁带 驱动 器 名 单 选 按钮 是 灰色 的 ,不 能 使 用 。 这 是 因为 
本 服务 器 上 没有 安装 磁带 驱动 器 。 只 有 安装 了 磁带 驱动 器 , 才 可 以 使 用 该 选项 。 

(3) 使 用 备份 向 导 不 能 选择 执行 文件 或 文件 组 备份 类 型 。 

(4) 使 用 Backup Database 语句 、 企 业 管理 器 和 向 导 3 种 方法 都 可 以 完成 数据 库 的 备份 
操作 ,但 是 这 些 命令 和 工具 应 用 的 范围 是 不 同 的。 一 般 地 ,可 以 使 用 企业 管理 器 工具 执行 数 
据 库 的 备份 操作 , 它 提 供 了 大 多 数 常 用 的 数据 库 备份 选项 。Backup Database 语句 是 最 完整 
的 工具 ,适合 于 DBA 使 用 。 对 于 初学 者 ,最 好 使 用 向 导 执行 数据 库 的 备份 操作 。 


六 、 思 考题 


(1) 为 什么 要 执行 数据 库 的 备份 操作 ? 
(2) 何 时 执行 数据 库 的 还 原 操作 ? 
(3) 数据 的 导入 和 导出 是 如 何 操作 的 ? 


(15,9 实 训 9 一 “ASP 连接 SOL Server 数据 库 


一 、 实 验 类 别 
操作 型 实验 。 
二 、 实 验 目 的 


(1) 了 解 ADO 技术 的 原理 和 方法 。 
(2) 掌握 connection command .recordset 对 象 的 使 用 。 
(3) 能 够 从 ASP 界面 中 调 取 SQL Server 数据 记录 。 


三 、 实 验 内 容 及 要 求 
(1) 建立 数据 库 ,创建 数据 表 。 
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(2) 制作 访问 数据 库 界 面 。 

(3) 进行 向 数据 库 添加 数据 操作 。 
(4) 进行 修改 数据 库 中 的 数据 操作 。 
(5) 进行 删除 数据 库 中 的 数据 操作 。 


、 实 验方 法 及 步骤 
1. 建立 数据 库 ,创建 数据 表 
操作 步骤 ; 打开 SQL Server, 启 动 查询 分 析 器 ,在 查询 分 析 器 界面 中 加 入 代码 : 


Create database vote 一 创建 投票 数据 库 vote 
Create table voteMaster 一 创建 投票 项 目 表 voteMaster 
( 
voteID int primary key, 一 编号 
voteTitle varchar(100) not null, 一 投票 项 目 
voteSum int default 0 一 总 票数 
) 
Insert into voteMaster values(1, ' 选 举 班长 !',0) | 一 向 投票 项 目 表 插入 数据 1 
Insert into voteMaster values(2, ' 对 网 站 建设 的 意见 ',0) 一 向 投票 项 目 表 插入 数据 2 
Create table voteDetails 一 创建 投票 内 容 表 voteDetails 


( 


VoteID int foreign key references voteMaster(voteID), 


一 建立 投票 项 目 表 和 投票 内 容 表 的 关联 关系 ,通过 voteID 产 生 关联 


VoteDetailsID int not null， 一 投票 内 容 ID 

voteItem varchar(20) not null, 一 投票 内 容 

voteNum int default 0 一 投票 数 
primary key(voteID, voteDetailsID) 一 联合 主键 
一 对 “选举 班长 "插入 记录 
Insert into voteDetails values(1,1, ' 李 明 ',0); 一 向 投票 内 容 表 插 入 数据 1 
Insert into voteDetails values(1,2, ' 刘 华 ', 0); 一 向 投票 内 容 表 插入 数据 2 
Insert into voteDetails values(1,3, ' 郭 凯 ',0); 一 向 投票 内 容 表 插 入 数据 3 
一 对 “网 站 建设 意见 “插入 记录 
Insert into voteDetails values(2,1, ' 非 常 好 ',0); 一 向 投票 内 容 表 插入 数据 4 
Insert into voteDetails values(2,2, ' 好 ',0); 一 向 投票 内 容 表 插入 数据 5 
Insert into voteDetails values(2,3, '— 般 ', 0); 一 向 投票 内 容 表 插入 数据 6 
Insert into voteDetails values(2,4, ' 需 要 改进 ',0); 一 向 投票 内 容 表 插入 数据 7 


create trigger aa on voteDetails for update 0 
一 创建 触发 器 使 投票 数据 能 够 二 表 同 步 更 新 

as begin 

update voteMaster set voteSum = voteSum + 1 where voteID = (SELECT top 1 voteID from inserted) 
end 


2. 制作 访问 数据 库 的 界面 
设置 的 对 象 内 容 如 下 : 


投票 按钮 : text = ' 投 票 ,id = "btnVote' 
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结果 按钮 : text = ' 结 果 ', id = 'btnShowResult' 
Radiobuttonlist: id = 'rBtnItems' 


在 Form 表单 界面 中 ,action 转向 动作 为 数据 库 连 接 页 和 数据 库 记 录 校 验 页 面 。 
3. 制作 连接 数据 库 文件 connect.asp 


<% 
Dim cnobj, strcon // 定 义 变量 
set cnobj = Server.CreateObject("ADODB.Connection") // 创 建 连接 方法 
strcon = "Driver = {SQL Server};Server = localhost;DataBase = vote;Uid = sa;Pwd=" 
// 设 置 服务 器 的 登录 环境 ,SQL Server 驱动 , 本 地 数据 库 ,数据 库 名 vote, SQL Server 用 户 名 SA, 密码 为 空 
cnobj. Open strcon // 打 开 连 接 
> 


4. 创建 数据 库 查询 \ 添 加、 修改、 删除 操作 (admin.asp) 


1) 查询 操作 
< 和 
Function Check(SqlFind) "检查 对 象 是 可 存在 函数 
dim comm, rs 
Set comm = Server.CreateObject("ADODB.Command") "创建 ADO DB 连接 对 象 


comm. ActiveConnection = cnobj 
comm. CommandType = 1 
comm. CommandText = SqlFind ' 查 询 对 象 操作 
Set rs = comm. Execute 
if not rs. bof and not rs.eof then “' 判 断 是 否 到 达 第 一 条 记录 、 最 后 一 条 记录 
cnobj. close 
set cnobj = Nothing 
Check = RdminName 
else 
Check = "" 
end if 
End Function 


2) 插入 操作 
"插入 数据 函数 


Function Admin Insert(InsertSql) 

dim comm, rs 

Set comm = Server.CreateObject("ADODB.Command") 
comm. ActiveConnection = cnobj 
comm. CommandType = 1 
comm. CommandText = InsertSql "插入 对 象 操作 
Comm. Execute 
hdmin Insert = "操作 成 功 !" 

End Function 
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3) 修改 操作 


' 更 新 信息 
Function Admin Update(UpdateSql) 
dim comm, rs 
Set comm = Server.CreateObject("ADODB.Command") 
comm. ActiveConnection = cnobj 
comm. CommandType = 1 
comm. CommandText = UpdateSql ' 更 新 数据 的 SQL 对 象 操作 
Comm. Execute 
Admin_ Update = "操作 成 功 !" 
End Function 


4) 删除 操作 


' 信 息 删除 
Function Admin Delete(DeleteSql) 
dim comm, rs 
Set comm = Server.CreateObject("ADODB.Command") 
comm. RctiveConnection = cnobj 
comm. CommandType = 1 
comm. CommandText = DeleteSql "删除 SQL 对 象 操作 
Comm. Execute 
Admin_Delete =“" 删 除 成 功 !" 
End Function 


五 、 操 作 技 巧 与 注意 事项 


(1) 从 SQL Server 中 创建 表 的 操作 ,从 查询 分 析 器 中 输入 SQL 语句 操作 。 
(2) 使 用 SELECT 查询 语句 查询 数据 库 中 的 记录 。 

(3) 使 用 UPDATE 更 新 语句 更 新 数据 库 中 的 记录 。 

(4) 使 用 INSERT 插入 语句 插入 数据 库 中 的 记录 。 

(5) 使 用 DELECT 删除 语句 删除 数据 库 中 的 记录 。 


六 、 开 发 知识 背景 一 一 ADO 技术 


ADO 是 微软 强大 的 数据 访问 接口 。 它 可 为 任何 数据 源 提 供 高 性 能 的 访问 ,包括 关系 型 
数据 库 、 非 关系 型 数据 库 、 电 子 邮 件 、 文 件 系 统 、 文 本 和 图 形 以 及 自 定义 业务 对 象 等 。 

用 ADO 访问 数据 的 特点 可 概括 如 下 : 

ADO 是 高 层 数据 库 访 问 技术 ,相对 于 ODBC 来 说 ,具有 面向 对 象 的 特点 。 和 OLE DB 
一 样 ,可 以 访问 多 种 数据 源 , 使 应 用 程序 具有 很 好 的 通用 性 和 灵活 性 ,访问 数据 源 效率 高 , 方 
便 Web 应 用 。ADO 可 以 以 ActiveX 控件 的 形式 出 现 ,这 就 大 大 方便 了 Web 应 用 程序 的 
编制 。 

ADO 支持 Visual C++ 、Visual Basic`\VBS JS 等 。ADO 的 对 象 Connection 用 于 表示 和 
数据 源 的 连接 ,以 及 处 理 一 些 命令 和 事务 。ADO 的 对 象 Command 用 于 执行 某 些 命令 来 进 
行 诸 如 查询 、 修 改 数据 库 结构 的 操作 。ADO 的 对 象 Recordset 用 于 处 理 数 据 源 的 表格 集 ， 
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它 是 在 表 中 修改 、 检 索 数 据 的 最 主要 的 方法 。ADO 的 对 象 Field 描述 数据 集中 的 列 信息 。 
ADO 的 对 象 Parameter 用 于 对 传递 给 数据 源 的 命令 赋 参 数值 。ADO 的 对 象 Set 是 一 种 可 
以 方便 地 包含 其 他 特殊 类 型 对 象 的 对 象 类 型 。ADO 提供 4 种 类 型 的 集合 : 

。 Connection 对 象 具 有 Error 集合 。 

。 Command 对 象 具有 Parameter 集合 。 

。 Recordset 对 象 具有 Fields 集合 。 

。 Connection \ Command 、Recordset ,Field 对 象 都 具有 Property 集合 。 

常用 的 数据 库 连 接 方法 : 

1) 通过 JET 数据 库 引 擎 对 Access 数据 库 的 连接 

m_pConnection. Open( "Provider = Microsoft. Jet. OLEDB. 4. 0; Data Source = C:\\test. mdb","","" 

adModeUnknown) ; 


2) 通过 DSN 数据 源 对 任何 支持 ODBC 的 数据 库 进 行 连接 


m _pConnection. Open("DataSource = adotest;UID= sa;PWD= ;","","",adModeUnknown); 
/m_pConnection 一 > Open("DSN= test;","","",0); 
// 连 接 叫做 test 的 ODBC 数据 源 


3) 不 通过 DSN 对 SQL Server 数据 库 进行 连接 


m_pConnection. Open( "driver = {SQLServer} ;Server = 127.0.0. 1;DATABASE = vckbase;UID = sa;PWD = 
139","","",adModeUnknown); 
// 其 中 ,Server 是 SQL 服 务 器 的 名 称 ,DATABASE 是 库 的 名 称 


七 、 思 考题 与 练习 


(1) 在 SQL Server 中 创建 数据 库 的 操作 步骤 是 什么 ? 
(2) 创建 ADO 连接 对 象 ,进行 查询 的 操作 是 什么 ? 
(3) 创建 ADO 连接 对 象 ,进行 修改 的 操作 是 什么 ? 
(4) 创建 ADO 连接 对 象 ,进行 删除 的 操作 是 什么 ? 
(5) 创建 ADO 连接 对 象 ,进行 添加 的 操作 是 什么 ? 


(15,10 实 训 10 一 一 JSP 连接 Access 数据 库 


一 、 实 验 类 别 
操作 型 实验 。 
二 、 实 验 目 的 


(1) 熟悉 JSP 留言 板 的 原理 和 方法 。 
(2) 了 解 JDBC 驱动 用 法 。 
(3) 能 够 从 JSP 界面 中 调 取 Access 数据 记录 。 


第 15 章 “综合 实 训练 习 


三 、 实 验 内 容 及 要 求 


(1) 建立 Access 数据 库 , 创 建 数据 表 。 
(2) 制作 留言 界面 。 

(3) 制作 连接 数据 库 操 作 。 

(4) 向 数据 库 添加 留言 操作 。 

(5) 显示 留言 操作 。 


、 实 验方 法 及 步骤 
1. 建立 数据 库 ,创建 数据 表 


操作 步骤 : 打开 Access 软件 ,创建 空 数据 库 dbl ,创建 留言 信息 表 , 如 表 15-3 所 示 。 
表 15-3 留言 信息 表 


字 段 名 类 型 说 明 
id( 主 键 ) 自动 编号 id 编号 
name 文本 留言 者 姓名 
theme 文本 留言 主题 
message 备注 留言 内 容 


id 表示 留言 编号 ; name 表示 留言 者 姓名 ; theme 表示 留言 主题 ; message 表示 留言 内 


。 操 作 时 ,需要 将 id 编号 设置 成 主键 ,唯一 标识 留言 记录 。 


2. 制作 留言 界面 的 界面 文件 lyb.jsp 
设置 的 对 象 内 容 如 下 。 


用 户 名 : 

type = "text" name = "username" value = "<$ = name%> 
留言 主题 : 

type = "text" name = "theme" id="theme" size = "46" 
留言 内 容 : 


textarea name = "message" id = "message" cols = "45" rows= "5 
在 Form 表单 界面 中 ,用 户 名 value 值 获取 的 是 登录 后 的 用 户 名 。 定 义 的 代码 如 下 所 示 : 
String name = (String) session. getAttribute("login");, 

确定 提交 

name = "submit" type= "submit" class = "button" value= "确定 提交 " 

在 确定 按钮 处 设置 一 个 按钮 隐藏 域 ,代码 如 下 所 示 : 

< input name = "action" type = "hidden" value = "useredit"> 

3. 制作 连接 数据 库 文件 dellyb. jsp 

JSP 连接 Access 数据 库 是 通过 调用 JDBC 连接 数据 库 , 代 码 如 下 所 示 : 
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Class. forName( "sun. jdbc. odbc. JdbcOdbcDriver") .newInstance(); // 新 建立 对 象 连 接 实例 
String url = "jdbc:odbc:db1"; // 连 接 数 据 库 dbl 


String user = ""; // 设 定数 据 库 用 户 名 和 密码 


String pas = ""; 
con = DriverManager. getConnection(url, user, pas); // 建 立 连接 


4. 向 数据 库 添加 留言 操作 (lybadd.jsp) 


Statement stmt = conn.createStatement(); // 创 建 连接 
String sql = "insert into lyb(name, theme,message) values('" 
// 向 1yb 表 中 插 人 数据 记录 ,包括 留言 姓名 、 留 言 主题 .留言 信息 
+ username // 留 言 姓名 
4 
+ theme // 留 言 主题 
+ ww 
+ message // 留 言 信息 
+) 


int req = stmt.executeUpdate( sql); 


5. 显示 留言 操作 界面 文件 (showlyb. jsp) 


int intPageSize; // 一 页 显示 的 记录 数 

int intRowCount; // 记 录 总 数 

int intPageCount; // 总 页 数 

int intPage; // 待 显示 页 码 

String strPage; 

int i, j,k; 

try{ // 设 置 一 页 显示 的 记录 数 为 4 页 


intPageSize = Integer.parseInt(request. getParameter("pp")); 
}catch( NumberFormatException e) 
{intPageSize = 5;} 
strPage = request.getParameter("page"); // 取 得 待 显示 页 码 
if(strPage == null){ // 表 明 在 QueryString 中 没有 page 这 个 参数 ,此 时 显示 第 一 页 数据 
intPage = 1;} 
else{ // 将 字符 串 转换 成 整 弄 
i=0; 
while(rs.next()){i++;} 
intRowCount = i;// 总 行 数 
intPageCount = (intRowCount + intPageSize- 1) / intPageSize; // 记 算 总 页 数 
if( intPage > intPageCount) {intPage = intPageCount;} // 调 整 待 显示 的 页 码 
<% if(intPage>1){%> 
<a href = "showlyb. jsp?page = 1"> 第 一 页 </a> 


else 

out. println(" 第 一 页 "); // 显 示 * 第 一 页 ” 
out. println(" 上 一 页 "); // 显 示 “ 上 一 页 ” 
out. println(" 下 一 页 "); // 显 示 * 下 一 页 ” 
out. println(" 最 后 一 页 ") ; // 显 示 “ 最 后 一 页 ” 


五 、 操 作 技 巧 与 注意 事项 


(1) 掌握 按钮 的 转向 操作 。 
(2) 掌握 向 数据 库 添加 留言 的 操作 。 


第 15 章 ”综合 实 训练 习 


(3) JSP 连接 Access 时 ,采用 JDBC 的 连接 方法 。 
(4) 实现 上 一 页 和 下 一 页 的 翻 页 功能 。 
(5) 在 Access 数据 库 中 设置 主键 字段 的 操作 。 


六 、 开 发 知识 背景 一 一 JDBC 技术 


JDBC(Java data base connectivity) 是 一 种 用 于 执行 SQL 语句 的 Java API, 可 以 为 多 种 
关系 数据 库 提供 统一 访问 , 它 由 一 组 用 Java 语言 编写 的 类 和 接口 组 成 。 有 了 JDBC, 向 各 种 
关系 数据 库 (Access、SQL Server、Oracle 等 ) 发 送 SQL 语句 就 是 一 件 很 容易 的 事 。 程 序 员 
只 须 用 JDBC API 编写 一 个 程序 就 够 了 , 它 可 向 相应 数据 库 发 送 SQL 调用 。 

1. 装载 驱动 程序 

建立 DBMS 的 连接 包括 两 个 步骤: 装载 驱动 程序 和 建立 连接 。 

装载 驱动 程序 只 需要 一 行 代 码 。 例 如 ,要 使 用 JDBC-ODBC 桥 驱 动 程序 , 可 以 用 下 列 
代码 装载 : 

Class. forName( " sun. jdbc. odbc. JdbcOdbcDriver"); 

驱动 程序 文档 将 告诉 你 应 该 使 用 的 类 名 。 例 如 ,如 果 类 名 是 jdbc. DriverXYZ, 将 用 以 
下 代码 装载 驱动 程序 : 

Class. forName( " jdbc. DriverXY2" ); 

加 载 Driver 类 后 , 即 可 用 来 与 数据 库 建 立 连接 。 
用 驱动 程序 类 与 DBMS 建立 一 个 连接 ,代码 如 下 : 


Connection con = DriverManager. getConnection(url, "myLogin", "myPassword"); 


其 中 ,url 是 数据 源 名 字 或 数据 库 系 统 ; myLogin 及 myPassword 是 登录 DBMS 的 用 户 名 及 
口令 。 例 如 ,登录 数据 库 系 统 的 用 户 名 为 Fernanda, 口 令 为 J]8, 建 立 一 个 连接 : 


String url = "jdbc:odbc:Fred"; 
Connection con = DriverManager. getConnection(ur]l, "Fernanda", "J8"); 


2. 创建 对 象 和 执行 语句 


Statement 对 象 用 于 把 SQL 语句 发 送 到 DBMS。 例 如 ,利用 Connection 对 象 con 创建 
Statement 对 象 stmt: 


Statement stmt = con.createStatement( ) ; 


该 例 中 ,stmt 已 经 存在 ,但 还 没有 把 SQL 语句 传递 到 DBMS。 需 要 SQL 语句 作为 参数 提 
供给 Statement 的 方法 。 

在 数据 库 的 数据 操作 方法 上 ,要 想 将 数据 传递 到 数据 库 管理 系统 上 ,操作 方法 是 不 同 
的 ,如 对 于 SQL 语句 中 的 select 语句 来 说 ,使 用 executeQuery 传递 到 DBMS。 如 果 使 用 
create 和 update 语句 .那么 要 使 用 executeUpdate 传递 到 DBMS 。 
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3. 在 表 中 输入 数据 和 查询 数据 

使 用 insert into 语句 插入 数据 记录 ,例如 ， 

stmt. executeUpdate( "INSERT INTO COFFEES " + "VALUES ('French Roast', 49, 8.99, 0, 0)"); 
使 用 SELECT 语句 获取 值 ,例如 使 用 SQL 语句 选择 整个 表 数 据 : 


SELECT * FROM COFFEES 


五 、 思 考题 与 练习 


(1) 简 述 Access 中 创建 数据 库 的 方法 。 
(2) 简 述 留言 界面 文件 的 制作 方法 。 
(3) 简 述 显示 留言 内 容 文件 的 制作 方法 。 
(4) 理解 数据 库 中 操作 数据 的 方法 。 


(15;11 实 训 11 一 一 ASP 在 线 考试 系统 的 开发 实验 


一 、 实 验 类 别 
综合 型 实验 。 
二 、 实验 目的 


(1) 掌握 数据 库 设计 的 基本 技术 ,熟悉 数据 库 设 计 的 每 个 步骤 中 的 任务 和 实施 方案 ,并 
加 深 对 数据 库 系统 概念 和 特点 的 理解 。 

(2) 初步 掌握 基于 B/S 的 数据 库 应 用 系统 分 析 .设计 和 实现 方法 。 

(3) 初步 掌握 使 用 Dreamweaver 十 IIS 开发 数据 库 应 用 系统 的 过 程 。 

(4) 进一步 提高 学 生 分 析 与 解决 问题 的 综合 能 力 。 


三 、 实 验 内 容 

要 求学 生根 据 周围 的 实际 情况 ,深入 到 在 线 考试 系统 应 用 项 目 中 ,进行 系统 分 析 、 数 据 
库 设计 、 系 统 设计 以 及 系统 实现 。 

四 、 实 验 要 求 


提交 实验 报告 ,报告 由 以 下 三 部 分 组 成 : 

(1) 系统 需求 说 明 。 简 要 说 明 系统 的 数据 需求 和 功能 需求 。 

(2) 数据 库 结 构 设 计 。 使 用 E-R 图 表示 对 数据 库 中 要 存储 的 信息 及 语义 进行 详细 描述 
( 即 概 念 结构 设计 ); 详细 描述 将 E-R 图 转换 成 关系 模型 的 过 程 以 及 对 关系 模式 的 规范 化 ， 
至 少 达到 3NF( 即 逻辑 结构 设计 ); 最 后 以 表格 形式 详细 描述 系统 需要 的 基本 表 及 属性 、 视 
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图 和 索引 ,对 基本 表 的 主键 ,候选 键 、 外 键 及 参照 表 进 行 说 明 , 对 基本 表 中 数据 的 约束 条 件 进 
行 说 明 。 

(3) 数据 库 的 操作 和 应 用 要 求 。 要 求 详细 描述 数据 库 的 数据 操作 、 处 理 方法 和 处 理 流 
程 。 系 统 应 具有 身份 验证 ,对 数据 库 数据 的 增加 删除 修改 查询、 浏览 输出 等 维护 功能 。 

(4) 系统 实现 。 前 台 使 用 Dreamweaver 十 IIS, 后 台 使 用 SQL Server 2000 数据 库 管 理 
系统 。 

(5) 本 次 实验 总 结 。 

(6) 附 系统 执行 的 主要 界面 以 及 源 程 序 。 


五 、 实 验 原理 
1. 系统 分 析 与 设计 


(1) 数据 库 设 计 的 4 个 阶段 : 需求 分 析 ( 分 析 用 户 要 求 )、 概 念 设计 (信息 分 析 和 定义 )、 
逻辑 设计 (设计 实现 ) 和 物理 设计 (物理 数据 库 设 计 )。 
(2) 系统 体系 结构 与 功能 的 设计 。 


2. 系统 实现 


(1) 创建 数据 库 及 其 数据 表 并 输入 一 些 记 录 。 

(2) 创建 工程 文件 及 窗 体 ,添加 所 需 的 控件 ,为 相应 控件 的 事件 编写 代码 ,以 实现 目标 
功能 。 

(3) 系统 调试 与 测试 。 

(4) 经 编译 生成 可 执行 文件 。 


六 、 注 意 事 项 


(1) 在 E-R 图 中 注意 实体 间 联系 类 型 的 表示 。 

(2) 在 数据 库 设计 中 应 避免 数据 元 余 ( 实 体 集 的 元 余 和 属性 元 余 )。 
(3) 在 数据 库 表 中 属性 应 是 不 可 再 分 的 最 小 项 。 

(4) 各 表 的 联系 应 通过 外 键 实现 。 

(5) 数据 库 访 问 接口 使 用 ODBC。 


七 、 在 线 考 试 系统 案例 


在 线 考 试 系统 具体 操作 步骤 如 下 (以 制作 登录 界面 为 例 ) : 

(1) 启动 Dreamweaver, 并 建立 ASP 文件 ,命名 为 adminLogin. asp。 如 图 15-48 所 示 
给 出 在 线 考试 系统 整体 的 E-R 图 设计 。 

(2) 打开 SQL Server 创建 数据 库 , 根 据 在 线 考试 系统 要 求 创建 13 张 表 : SuperInfo、 
MajorInfo、 Coulnfo、 ClassInfo CouChoose、 TeachCou、 TeachInfo、Stulnfo、PaperList、 
StuScore、PaperChoose、PaperUnCheck、PaperChecked (在 SQL Server 中 创建 表 的 方法 请 
参考 原 教材 第 8 章 )。 


图 15-48 ”在线 考试 系统 ER 图 


@ SuperInfo 表 , 即 为 管理 员 信息 表 , 如 表 15-4 所 示 。 


表 15-4 SuperInfo 


字段 名 称 内 容 类 型 长 度 
SuperName 管理 员 姓 名 Varchar 50 
SuperPwd 登录 密码 Varchar 50 


@ MajorInfo 表 , 即 为 专业 表 , 如 表 15-5 所 示 。 


表 15-5 MajorInfo 


字段 名 称 内 容 类 型 长 度 
MajorNum 专业 代号 Varchar 20 
MajorName 专业 名 称 Varchar 50 


MajorNum( 专 业 号 ) 字 段 为 该 表 的 主 关 键 字 , 唯 一 地 标识 了 一 个 专业 的 记录 ， 


息 表 、 选 课表 中 的 MajorNum 字段 相关 联 。 
@ CouInfo 表 , 即 为 课程 信息 表 , 如 表 15-6 所 示 。 


表 15-6 CoulInfo 


字段 名 称 内 容 类 型 长 度 
CouNum 课程 代号 Varchar 20 
CouName 课程 名 称 Varchar 50 
CouBook 学 时 数 Varchar 50 


与 学 生 信 


CouNum 作为 此 表 的 主键 ,唯一 标识 一 门 课程 ,与 选课 表 、 授 课表 、 选 题 表 、 成 绩 表 中 的 


CouNum 关联 。 
ClassInfo 表 , 即 为 班级 信息 表 , 如 表 15-7 所 示 。 


表 15-7 ClassInfo 


字段 名 称 内 容 类 型 长 度 备 注 
ClassNum 班级 代号 Varchar 12 主键 
ClassName 班级 名 称 Varchar 50 
MajorNum 专业 代号 Varchar 50 外 键 
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MajorNum 作为 本 表 的 外 键 与 专业 表 中 的 MajorNum 关联 (级 联 删除 和 更 新 ) 。 
G@ CouChoose 表 , 即 为 选课 表 , 如 表 15-8 所 示 。 


表 15-8 CouChoose 


字段 名 称 内 容 类 型 长 度 备 注 
MajorNum 专业 代号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 


@ TeachCou 表 , 即 为 授课 表 , 如 表 15-9 所 示 。 


表 15-9 TeachCou 


字段 名 称 内 容 类 型 长 度 备 注 
TeachNum 教师 工 号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 
ClassNum 班级 代号 Varchar 20 外 键 


@ TeachInfo 表 , 即 为 教师 信息 表 , 如 表 15-10 所 示 。 


表 15-10 TeachInfo 


字段 名 称 内 容 类 型 长 度 备 注 
TeachNum 教师 工 号 Varchar 20 主 关 键 字 
TeachName 教师 姓名 Varchar 50 
TeachPWD 登录 密码 Varchar 30 


TeachNum 作为 此 表 的 主 关 键 字 与 授课 表 和 题库 表 的 TeachNum 字段 外 键 关联 。 
@@ StuInfo 表 , 即 为 学 生 信息 表 , 如 表 15-11 所 示 。 


表 15-11 Stulnfo 


字段 名 称 内 容 类 型 长 度 备 注 
StuNum 学 生 学 导 Varchar 20 主 关键 字 
StuName 学 生 姓 名 Varchar 20 
MajorNum 专业 代号 Varchar 20 外 键 
ClassNum 班级 代号 Varchar 20 外 键 
StuPwd 登录 密码 Varchar 30 
LoginOrNot 登录 状态 Varchar 10 


@ PaperList 表 , 即 为 题库 表 , 如 表 15-12 所 示 。 


表 15-12 PaperList 


字段 名 称 内 容 类 型 长 度 各社 
PaperNum 试卷 代号 Varchar 100 主 关键 字 
PaperName 试卷 名 称 Varchar 100 


TeachNum 教师 工 号 Varchar 20 
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四 StuScore 表 , 即 成 绩 表 ,如 表 15-13 所 示 。 


表 15-13 StuScore 


字段 名 称 内 容 类 型 长 度 备 注 
StuNum 学 生 学 号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 
TestDate 考试 时 间 Varchar 11 
Score 成 绩 Varchar 3 
@ PaperChoose 表 , 即 选 题 表 ,如 表 15-14 所 示 。 
表 15-14 PaperChoose 
字段 名 称 内 容 类 型 长 度 备 注 
ClassNum 班级 代号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 
PaperNum 试卷 代号 Varchar 100 
TestDate 考试 时 间 Varchar 20 
StartTime 开 考 时 间 Varchar 20 
EndTime 结束 时 间 Varchar 20 
四 PaperUnCheck 表 , 即 未 阅 试题 记录 表 , 如 表 15-15 所 示 。 
表 15-15 PaperUnCheck 
字段 名 称 内 容 类 型 长 度 备 注 
StuNum 学 生 学 号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 
TermNum 题 号 Varchar 10 
StuAnswer 答案 Varchar 1000 
Score 成 绩 Varchar 3 
@ PaperChecked 表 , 即 已 阅 试题 表 , 如 表 15-16 所 示 。 
表 15-16 PaperChecked 
字段 名 称 内 容 类 型 长 度 备 注 
StuNum 学 生 学 号 Varchar 20 外 键 
CouNum 课程 代号 Varchar 20 外 键 
TermType 试题 类 型 Varchar 10 
StuAnswer 答案 Varchar 1000 


(3) 在 管理 员 登 录 界 面 adminLogin. asp 中 制作 如 图 15-49 所 示 的 表格 和 图 形 。 
操作 方法 : 首先 进入 管理 员 登 录 界 面 ,用 户 名 输入 admin, 密 码 初 设 为 admin, 验 证 码 输 


入 8842。 本 页 面 显示 系统 名 称 、 管 理 员 用 户 名 、 密 码 、 验 证 码 信息 。 尤 其 是 验证 码 , 采 月 


自 


动 随机 生成 技术 。 本 系统 的 用 户 分 为 三 类 : 管理 员 .教师 学生。 每 个 使 用 者 分 别 在 不 同 的 
页 面 中 。 当 管理 员 输 入 名 称 、 密 码 、 对 应 的 验证 码 信息 之 后 , 单 击 "提交 ”按钮 就 会 将 输入 信 


管理 员 登 录 


图 15-49 登录 界面 
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息 提 交 给 系统 后 台数 据 库 , 以 验证 用 户 身份 。 如 果 用 户 身份 正确 , 则 会 进入 系统 的 管理 员 控 


制 界 面 。 


在 登录 过 程 中 ,不 管 是 一 般 用 户 还 是 管理 员 , 都 有 各 自 设 定 的 用 户 和 密码 来 登录 系统 。 
如 果 在 登录 过 程 中 ,所 登录 的 用 户 和 密码 任何 一 个 与 原始 数据 不 一 致 ,将 不 能 正常 地 登录 系 
统 , 直 到 所 输入 的 数据 与 原始 数据 完全 一 致 为 止 。 

表 15-17 列 出 了 管理 员 登 录 界面 的 表单 设置 情况 。 

根据 表 15-17 所 列 内 容 , 依 次 设置 adminLogin. asp 网 页 中 的 各 个 对 象 的 值 。 该 表单 中 
主要 涉及 3 种 控件 : label 标签 .单行 文本 框 、 按 钮 控件 (提交 按钮 和 重 置 按钮 )。 设 置 一 个 
5 行 2 列 的 表格 ,然后 将 控件 依次 拖 入 到 表格 中 ,对 表格 对 象 设置 background 属性 ,将 背景 
图 片 引 入 。 通 过 以 上 设置 ,就 能 得 到 如 图 15-49 所 示 的 管理 员 登 录 界面 。 


表 15-17 管理 员 界 面 的 设置 


对 象 名 属性 名 属 性 值 
text 姓名 
Labell 2 
id 空 
text 密码 
Label2 人 上 
id 空 
text 证 
Label3 es 时 下 所 
id 空 
id txtUserName 
Textl 和 
text 空 值 
id txtUserPassWord 
Text2 type password 
text 空 值 
id txtUserCofig 
Text3 和 
text 空 值 
_ img . . /zxks/back/image 
image 
四 id 空 值 
text 交 
Buttonl 提交 
id Submit 
text E 
Button2 时 时 
id Reset 
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代码 1: 数字 图 片 验证 代码 。 


< td valign = "bottom"> 

< img src = "Images/checkcode. asp?t = + (new Date(). getTime()" alt = "点 击 刷 新 验证 码 "width = 
"80" height = "20"”onClick = "this. src = 'Images/checkcode. asp?t = ' + (new Date( ). getTime( )); 
" style= "margin:5px auto"/> 
</td> 


代码 2: 用 户 名 、 密 码 、 验 证 码 的 校 验 。 


function check( ) 
{ 
var valid = true; // 设 置 标记 位 
var Uname = document. getElementById("AdminName" ) .value; // 定 义 获取 用 户 名 变量 
var Upwd = document. getElementById("AdminPwd").value; // 定 义 获取 密码 变量 
Var CheckCode = document. getElementById("checkcodebox" ). value; 
// 定 义 获取 验证 码 变 量 
if(Uname == "") // 如 果 用 户 名 为 空 
{window. alert(" 用 户 名 不 能 为 空 !"); 人 /提示 “用 户 名 不 能 为 空 !” 
valid = false; 
} 
else if(Upwd =="") // 如 果 密 码 为 空 
{window. alert(" 密 码 不 能 为 空 ! "); // 提 示 “ 密 码 不 能 为 空 !1” 
valid = false; 
} 
else if(CheckCode == "") // 如 果 验 证 码 为 空 
{ 
window.alert(" 请 填写 验证 码 !1"); 。 ”// 提 示 “ 请 填写 验证 码 !!1” 
valid = false; 


} 


if(valid) // 判 断 标记 位 
return true; // 为 真 ,返回 true 
return false; // 为 假 , 返 回 false 


} 


(4) 教师 对 成 绩 的 管理 ,主要 是 对 课程 专业 、 学 生 信 息 、 学 生成 绩 \ 试 卷 出 题 等 的 管理 。 

@ 按照 课程 角度 进行 管理 。 

按照 课程 角度 管理 ,教师 可 以 看 到 课程 信息 。 课 程 信息 包括 课程 编号 .课程 名 称 ` 学 时 
和 课程 类 型 。 当 教师 双击 某 一 课程 时 ,可 以 进行 添加 删除、 修改 等 操作 。 

@ 学 生 个 人 信息 管理 。 

各 个 班级 班主 任 老师 可 以 进行 学 生 个 人 信息 管理 ,包括 管理 学 号 、 姓 名 、 家 庭 住 址 ,联系 
方式 等 信息 。 

@ 学 生成 绩 管理 。 

显示 该 课程 的 所 有 学 生 的 成 绩 信息 。 成 绩 信息 包括 选修 这 门 课 的 学 生 的 学 号 姓名、 班 
级 和 考试 成 绩 。 并 同时 自动 计算 出 所 有 学 生 的 人 数 :以 及 所 有 学 生 的 平均 成 绩 。 在 成 绩 信 
息 中 ,教师 能 够 对 学 生成 绩 进行 增加 、 修 改 和 删除 ,并 能 够 打印 报表 。 

@ 试卷 出 题 管理 。 

按照 不 同学 科 、 不 同 科目 的 试题 类 型 ,分 为 以 下 几 类 : 单 选 题 ` 多 选 题 ,填空 题 , 判 断 改 
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错 题 .问答 题 。 由 教师 给 出 每 种 试题 的 具体 分 数 及 正确 答案 。 同 时 ,教师 可 以 根据 试题 量 的 
大 小 设 定 答题 时 间 。 

(5) 学 生 管理 。 

学 生 用 户 登 录 后 ,学 生 可 以 看 到 自己 的 学 生 信息 和 成 绩 信息 。 学 生 信 息 包括 学 号 、 姓 
名 。 成 绩 信息 包 括 这 个 学 生 的 所 有 课程 的 成 绩 、 总 分 及 平均 分 。 

@ 学 生 管理 。 

可 以 对 个 人 信息 进行 维护 操作 。 可 以 修改 姓名 、 家 庭 住址 、 联 系 方式 等 信息 ,同时 可 查 
询 个 人 的 信息 .打印 个 人 成 绩 。 

@ 抽 题 操作 。 

学 生 进 入 系统 之 后 ,只 允许 根据 教师 设 定好 的 课程 和 时 间 进 行 答题 。 如 果 提 前 进入 ,无 
法 抽 题 。 如 果 推 后 进入 ,缩短 答题 时 间 。 答 题 结束 后 ,学 生 单 击 “ 提 交 ” 按 钮 ,系统 屏幕 会 自 
动弹 出 本 次 考试 得 分 情况 。 系 统 将 考试 成 绩 自 动 存 人 数据 库 中 。 

(6) 3 种 权限 的 登录 地 址 。 

管理 员 的 登录 地 址 : http://localhost/zxks/back/adminlogin. asp。 

教师 的 登录 地 址 : http://localhost/zxks/back/teacherlL.ogin. asp。 

学 生 的 登录 地 址 : http://localhost/zxks/index. asp。 


(15,12 实 训 12 一 一 JSP 物资 管理 系统 的 开发 实验 


一 、 实 验 类 别 
宗 合 型 实验 。 
二 、 实 验 目 的 


(1) 掌握 数据 库 设计 的 基本 技术 ,熟悉 数据 库 设 计 的 每 个 步骤 中 的 任务 和 实施 方案 ,并 
加 深 对 数据 库 系统 概念 和 特点 的 理解 。 

(2) 初步 掌握 基于 B/S 的 数据 库 应 用 系统 分 析 ,设计 和 实现 方法 。 

(3) 初步 掌握 使 用 Dreamweaver 十 Apache Tomcat 6.0 十 JDK 1. 6.0 开发 数据 库 应 用 


NE 


Ny 


系统 的 过 程 。 
(4) 进一步 提高 学 生 分 析 与 解决 问题 的 综合 能 力 。 
三 、 实 验 内 容 


要 求学 生 结 合 物资 管理 公司 的 实际 调研 情况 ,深入 到 物资 管理 系统 应 用 项 目 中 ,进行 系 
统 分 析 、 数 据 库 设计 、 系 统 设计 以 及 系统 实现 。 


四 、 实 验 要 求 


提交 实验 报告 ,报告 由 以 下 三 部 分 组 成 : 
(1) 系统 需求 说 明 。 简 要 说 明 系统 的 数据 需求 和 功能 需求 。 
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(2) 数据 库 结 构 设 计 。 使 用 E-R 图 表示 对 数据 库 中 要 存储 的 信息 及 语义 进行 详细 描述 
( 即 概 念 结构 设计 ); 以 表格 形式 详细 描述 系统 需要 的 基本 表 及 属性 、 视 图 和 索引 ,对 基本 表 
的 主键 ,候选 键 、 外 键 及 参照 表 进 行 说 明 , 对 表 中 数据 的 约束 条 件 进行 说 明 。 

(3) 数据 库 的 操作 和 应 用 要 求 。 要 求 详细 描述 对 数据 的 操作 、 处 理 方法 和 处 理 流程 。 
系统 应 具有 身份 验证 ,对 数据 库 数 据 的 增加 、 删 除 、 修 改 ,查询 .浏览 .输出 等 维护 功能 。 

(4) 系统 实现 。 前 台 使 用 Dreamweaver 十 Apache Tomcat 6.0 十 JDK 1. 6.0, 后 台 使 用 
Access 2003 数据 库 管 理 系 统 。 

(5) 本 次 实验 总 结 。 

(6) 附 系统 执行 的 主要 界面 以 及 源 程序 。 


五 、 实 验 原理 
1. 系统 分 析 与 设计 


(1) 数据 库 设计 的 4 个 阶段 : 需求 分 析 ( 分 析 用 户 要 求 )、 概 念 设计 (信息 分 析 和 定义 )、 
逻辑 设计 (设计 实现 ) 和 物理 设计 (物理 数据 库 设 计 )。 需 求 分 析 采 用 自 顶 向 下 分 析 方 法 ; 概 
念 模型 设计 采用 自 底 向 上 的 方法 。 

(2) 系统 体系 结构 与 功能 的 设计 。 


2. 系统 实现 


(1) 创建 数据 库 及 其 数据 表 并 输入 记录 。 

(2) 创建 网 页 文件 ,添加 所 需 的 控件 ,为 相应 控件 的 事件 编写 代码 ,实现 目标 功能 。 
(3) 系统 调试 与 测试 。 

(4) 在 服务 器 上 运行 实现 。 


六 、 注 意 事项 


(1) 在 E-R 图 中 注意 实体 间 联 系 类 型 的 表示 。 

(2) 在 数据 库 设 计 中 应 避免 数据 元 余 ( 实 体 集 的 元 余 和 属性 宛 余 )。 
(3) 在 数据 库 表 中 ,属性 应 是 不 可 再 分 的 最 小 项 。 

(4) 各 表 的 联系 应 通过 外 键 实现 。 


七 、 物 资 管理 系统 案例 
1. 系统 功能 分 析 


(1) 用 户 管理 : 主要 包括 用 户 的 注册 、 登 录 , 信 息 修改 、 密 码 修 改 、 用 户 的 删除 .用 户 职 
务 的 修改 。 

(2) 物资 人 库 : 主要 包括 物资 的 信息 修改 、 添 加 、 删 除 等 。 

(3) 物资 检索 : 主要 包括 物资 的 查询 .可 通过 物资 的 名 称 、 价 格 对 物资 进行 查询 。 

(4) 物资 出 库 : 主要 包括 物资 出 库 的 管理 、 出 库 数量 、 价 格 的 计算 等 。 


(5) 用 户 交 流 : 主要 包括 留言 板 的 使 用 和 查看 。 
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(6) 物资 统计 : 主要 包括 期 末 盘 点 、 客 户 订单 、 系 统 提示 。 
物资 管理 系统 功能 图 如 图 15-50 所 示 。 


物资 管理 系统 


[ I I 由 
月 物 物 物 | | 用 物 
户 资 资 ) 资 
管 入 检 出 交 统 
理 库 索 库 | | 流 i 
| 
用 || 用 || 信 | 上 | 密 职 所 | | 精 | | 关 期 || 客 || 系 
己 || 户 儿 旺 || 码 务 有 确 键 未 || 户 || 统 
注 | 登 l| 修 || 修 | 出 || 伐 物 | | 物 | | 字 盘 || 订 || 提 
录 || 改 || 改 改 资 资 查 点 || 单 上 | 示 
查 查 询 
询 询 
图 15-50 物资 管理 系统 功能 图 
2. 数据 库 设 计 


1) 物资 管理 系统 E-R 图 
物资 管理 系统 中 设计 了 6 个 实体 ,分 别 是 物资 管理 员 、 入 库 人 员 、 出 库 人 员 、 普 通 员工 
和 留言 板 , 以 及 人 库 .出 库 、 修 改 , 查 看 等 联系 ,如 图 15-51 所 示 。 


图 15-51 物资 管理 系统 E-R 图 


2) 物资 管理 系统 数据 库 表 设计 
打开 Access 2003 数据 库 ,创建 以 下 表 的 内 容 : 
。 物资 信息 表 , 如 表 15-18 所 示 。 


表 15-18 物资 信息 表 


字 段 名 类 型 说 明 
pid( 主 键 ) 数字 物资 编号 
pname 文本 物资 名 称 
Price 数字 物资 价格 
amount 数字 物资 数量 


date 日 期 /时 间 和 人 库 时 间 


动态 网 站 设计 与 开发 实用 教程 


。 留言 信息 表 , 如 表 15-19 所 示 。 


表 15-19 
字 段 名 类 型 说 明 
id( 主 键 ) 自动 编号 id 编号 
name 文本 留言 者 姓名 
theme 文本 留言 主题 
message 备注 留言 内 容 
。 人 员 信 息 表 , 如 表 15-20 所 示 。 
表 15-20 人 员 信 息 表 
字 段 名 类 型 说 明 
id( 主 键 ) 自动 编号 id 编号 
name 文本 姓名 
sex 文本 性 别 
email 文本 电子 邮箱 
tel 文本 电话 号 码 
qq 文本 QQ 号 码 
passwd 文本 密码 
birth 日 期 /时 间 生日 
zctime 文本 注册 日 期 
zhiwu 数字 职务 
。 出 库 物资 信息 表 , 如 表 15-21 所 示 。 
表 15-21 出 库 物 资信 息 表 
字 段 名 类 型 说 明 
number( 主 键 ) 数字 编号 
username 文本 人 员 姓 名 
pid 数字 物资 编号 
pname 文本 物资 名 称 
quantity 数字 出 库 数量 
price_new 数字 新 的 物资 价格 
cost 数字 总 价格 
date 日 期 /时 间 出 库 日 期 


3. 登录 界面 login. jsp 


操作 方法 : 首先 进入 登录 界面 ,如 图 15-52 所 示 , 用 户 名 输入 QQ, 密 码 初 设 为 123456。 
本 页 面 显 示 用 户 登录 名 称 、 用 户 名 、 密 码 、 职 务 。 系 统 的 用 户 分 为 4 类 : 管理 员 、 入 库 人 员 、 
出 库 人 员 .普通 员工 。 例 如 .管理 员 输 入 用 户 名 、 密 码 信息 后 , 单 击 “ 提 交 ” 按 钮 就 会 将 输入 信 
息 提 交 给 系统 后 台数 据 库 , 以 验证 用 户 身 份 。 如 果 用 户 身 份 正确 , 则 会 进入 系统 的 主页 界面 


index. jsp。 
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图 15-52 用 户 登录 


登录 界面 的 设计 内 容 如 表 15-22 所 示 。 在 登录 过 程 中 ,不 管 是 一 般 用 户 还 是 管理 员 ,都 
使 用 各 自 设 定 的 用 户 名 和 密码 来 登录 系统 。 如 果 在 登录 过 程 中 所 使 用 的 用 户 名 和 密码 中 的 
任何 一 个 与 原始 数据 不 一 致 ,将 不 能 正常 地 登录 系统 ,直到 所 输入 的 数据 与 原始 数据 完全 一 
致 为 止 。 


表 15-22 登录 界面 的 设计 


对 象 名 属性 名 属 性 值 
户 
Labell 用 户外 
id 空 
Label2 Bg 
id EE 
Label3 Ee 光 振 服务 
id 空 
id username 
Textl 
text 空 值 
id userpassword 
Text2 type password 
text 空 值 
id userzhiwu 
Select _ 
text 管理 员 / 人 库 人 员 / 出 库 人 员 / 普 通 员工 
Buttonl Re 提交 
id Submit 
Button2 0 
id Reset 
关键 代码 : 


(1) 对 用 户 名 密码、 职务 的 判断 代码 如 下 : 


String userpasswd = request. getParameter("userpassword"); // 获 取 密 码 
String userzw = request.getParameter("userzhiwu"); // 获 取 职 务 
userpasswd = generatemd5string(userpasswd); // 对 userpasswd 进行 md5 加 密 处 理 
ResultSet info = stmt.executeQuery("select * from user where name= ' 
+ usernames + """); // 从 数据 库 中 查询 用 户 名 和 密码 是 否 存在 


info. next( ); 
if (!userpasswd. equals( info. getString("passwd"))) { // 判 断 密码 是 否 匹 配 
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out. println("< script language = \"javascript\"> alert(\" 用 户 名 或 密码 不 正确 .….\");</script >"); 
// 提 示 用 户 名 、 密 码 不 正确 
out. println(" < script language = 'javascript'>"); 
out. println("location = '. /login. jsp'; </script >"); 
} else {if(!userzw. equals( info. getString("zhiwu"))) { 
out. println("< script language = \"javascript\"> alert(\" 用 户 选 择 职务 不 正确 …\" ); 
</script >"); // 提 示 用 户 选择 职务 不 正确 
out.println(" < script language = 'javascript'>"); 
out. println("location = '. /login. jsp'; </script >" );} 
else if(Integer. parseInt (userzw) == 1) 
{session. setAttribute( "login", usernames); 
// 使 用 session 对 象 将 登录 信息 存 人 管理 员 表 
conn.close(); ” // 关 闭 所 有 对 象 
else if(Integer. parseInt (userzw) == 2) 
{ session. setAttribute("login", usernames); 
// 使 用 session 对 象 将 登录 信息 存 人 库 
String id = info.getString("id"); 


(2) 连接 数据 库 代 码 如 下 : 


Class. forName("sun. jdbc. odbc. JdbcOdbcDriver") ; // 连 接 数 据 库 的 驱动 
Connection conn = DriverManager. getConnection("jdbc:odbc:wuzi");// 数 据 源 的 使 用 
Statement stmt = conn.createStatement(); // 接 收 变量 

info. close( ); // 关 闭 对 象 

stmt. close( ); // 关 闭 对 象 

conn. close( ); // 关 闭 对 象 

4. 物资 入 库 


人 库 人 员 填 写 入 库 单 ,具体 信息 包括 产品 名 称 、 产 品 价格 、 入 库 数量 、 入 库 日 期 ,如 


图 15-53 所 示 。 


入 库 单 
产品 名 称 : all 
产品 价格 : [1312 [单位 :元 ] 
入 库 数 量 : [515 
入 库 日 期: [1 
[E23 


图 15-53 ”物资 人 库 单 


操作 方法 : 制作 入 库 界面 ,表单 中 主要 涉及 3 种 控件 ,分 别 是 label 标签 ,单行 文本 框 、 


按钮 控件 (提交 按钮 和 重 置 按钮 )。 设 置 一 个 5 行 2 列 的 表格 ,然后 将 控件 依次 拖 和 人 表格 中 ， 
对 表格 对 象 设置 background 属性 ,将 背景 图 片 引入 ,如 表 15-23 所 示 。 
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表 15-23 入 库 单 对 象 设置 
对 象 名 属 性 名 属 性 值 
text 产品 名 称 
Labell : 2 
id 空 
产品 
Label2 、 Ni 
id EE 
入 库 数量 
Label3 库 
id 空 
text 入 库 日 期 
Label4 & ~ 
id 空 
二 id txtcpmc 
t 
一 text 空 什 
id txtcpjg 
Text2 
3 text 空 值 
id txtrksl 
Text3 Rp 
text 空 值 
id txtrkrq 
Text4 a fi 
text 空 值 
text 提交 
Buttonl 
id Submit 
a text 取消 
人 id Reset 
代码 1: 物资 更 新 操作 。 
TS = sm.executeQuery("select * from product where pname= '" + pname + "'"); 
// 查 询 product 表 中 是 否 和 新 录入 数据 相同 
while(rs. next()){ 
}String conditionl = "update product set amount = '"" +amount + "', 
price='"+priceqt+"' where pname='"+pname+"""; 
// 数 量 更 新 
sm. executeUpdate( condition1 ); 
// 执 行 更 新 代码 
代码 2: 增加 物资 操作 。 
amount = amoun + amount ; 
// 数 量 累加 
String conditionl = "update product set 
amount ='"+amount +"', price='"+priceq+"' where pname='"+pname+"'"; 


// 更 新 product 数据 库 中 的 数据 记录 


[9] 
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9787302249177 ”实用 软件 测试 教程 29.50 
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件 或 来 信 告诉 我 们 ,以 便 我 们 更 好 为 您 服务 。 

地 址 : 北京 市 海淀 区 双 清 路 学 研 大 厦 A-707 计算 机 与 信息 分 社 梁 颖 ” 收 

邮编 : 100084 电子 邮件 : liangying@tup. tsinghua. edu. cn 

电话 : 010-62770175-4505 邮购 电话 : 010-62786544 


